title: Events not working when using Mustache with Backbone.js
body: <p>So I am making a test app using RequireJs, Mustache and Backbone.js. I had some success with rendering the collection of models with the Mustache template. But my Mustache template has a button and when I try to bind click event on the button in the view, the button click doesn't invoke the callback function. I am really stuck, can someone tell me where I am not doing right?</p>
  
  <p>Here is my code:</p>
  
  <p>ItemView.js:</p>
  
  <pre><code>define(['jquery', 'backbone', 'underscore', 'mustache', '../../atm/model/item'], function ($, Backbone, _, Mustache, Item) {
  
  var ItemView = Backbone.View.extend({        
      initialize: function() {
      },
  
      tagName: 'li',
  
      events: {
          'click .button': 'showPriceChange'
      },
  
      render: function() {
          var template = $('#template-atm').html();
          var itemObj = this.model.toJSON();
          itemObj['cid'] = this.model.cid;
  
          var rendering = Mustache.to_html(template, itemObj);
          this.el = rendering;
  
          return this;
      },
  
      showPriceChange: function(event) {
          alert('Changing...');
          $('#' + elemId).empty();
          $('#' + elemId).append(document.createTextNode('Changed'));
      },       
  });
  
  return ItemView;
  });
  </code></pre>
  
  <p>atm.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Elevator&lt;/title&gt;
      &lt;script data-main="scripts/main" src="scripts/require-jquery.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
  
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;Vending Machine&lt;/h1&gt;
      &lt;div id="atm-items"&gt;
      &lt;/div&gt;
  
      &lt;script id="template-atm" type="html/template"&gt;
          &lt;li&gt;
              &lt;p&gt;Item: {{name}}&lt;/p&gt;
              &lt;label for="price-{{cid}}"&gt;Price:&lt;/label&gt;
              &lt;input id="price-{{cid}}" type="text" value="{{price}}"/&gt;
              &lt;button class="button"&gt;Change&lt;/button&gt;
              &lt;p id="status-{{name}}-{{cid}}"&gt;- -&lt;/p&gt;
          &lt;/li&gt;
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>