title: onClick event for the input type button not getting triggered
body: <p>I have added and input type button on my form which is inside a <code>&lt;tr&gt;</code> tag and been added dynamically using jquery and I tried various ways for the click event to trigger and it is not supposed to be working. Any help is greatly appreciated.</p>
  
  <pre><code>nothing is working for me
  
  var InertiaField = $('#tr_inertia4');
  
  
  
          $(InertiaField).after('&lt;tr class="tr_CalculateStates"&gt;');
          $('.tr_CalculateStates').append('&lt;span class="spanStateClass"&gt;&lt;input type="button" id="CalculateStates" class="State1" value="Calculate States" onclick="calculateInertiaStates();" /&gt;&lt;/span&gt;');
  </code></pre>
  
  <p>I tried using below options  as well,</p>
  
  <pre><code>$(function () {
      $('input[value="Calculate States"]').click(function () {
          alert('working');
      });
  </code></pre>
  
  <p>});</p>
  
  <pre><code>$(window).on("click", "#CalculateStates", function () {
                      alert('clicked');
                  });
  
   jQuery('.tr_CalculateStates span input').on('click', function (e) {
  
                     alert('hi');
  
                 });
  </code></pre>