unable to toggle div from handlebar template

Question

I need to open up a div onclick. Click link is in handlebar template and the div which needs to be opened is in the page. Since the click-able link is loading from the js handlebar template (bootstrap popover) , it is not showing up the div on click.

How do I get it worked? Here is my handlebar template

<script id="template-rating" type="text/x-handlebars-template">
    <div class="span6">
        <a href="#myReviewForm" id="scroll" class="btn">
            <i class="icon icon-star"></i> Write review
        </a>
    </div>
</script>

Here is the FIDDLE

PS: handlebar template is loading in bootstrap popover.

Answer 1

Try this, this is working fine now,

    <div class="span6">
          <a href="#myReviewForm" id="scroll" class="btn"> Write review</a>
        </div>

<button class="write">write comment</button>
<form class="postbox" style="display:none">
    <textarea></textarea>
</form>

Fiddle Here