title: Can not call ajax function
body: <p>I created a view in MVC 5 with table like this:</p>
  
  <pre><code>@foreach (var item in Model)
  {
      &lt;tr&gt;
          &lt;td&gt;
              &lt;h3 class="label label-primary"&gt;@item.FRM_CODE&lt;/h3&gt;
          &lt;/td&gt;
          &lt;td&gt;
              @Html.DisplayFor(model =&gt; item.FRM_NAME)
          &lt;/td&gt;
          &lt;td&gt;
              @Html.DisplayFor(model =&gt; item.FRM_DES)
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="date" class="form-control" id="dateNgayPsinhDlieu" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" id="btnCreatReport" class="btn btn-primary" value="@item.FRM_NAME" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
   $('#btnCreatReport').bind("click", function () {
                  var controller = $('#btnCreatReport').attr('value');
                  homeController.printData(controller);
                   alert(controller);
                 
              });
  
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I just call function success the first button and the buttons next is not response the ajax function.
  Help me</p>