Placing handlebar script inside div in ember

I'm trying to put handlebar scripts inside the left column, but I can't seem to put those inside the div. I must be doing this wrong--this question might be silly, but I am a beginner and have been struggling with it, so your answer would be much appreciated!

<div id="map-canvas"></div>
 <div class="container-fluid" id="main">
  <div class="row">
    <div class="col-xs-6" id="left">

    <script type="text/x-handlebars"> 
      <p>Happening nearby..</p>
      <hr>
      {{outlet}}
    </script>

    <script type="text/x-handlebars" id="index">
      <p>{{eventName}}</p>
      <p>{{#link-to 'eventdetails'}}tell me about the details{{/link-to}}</p>
    </script>
  </div>
</div>