title: jquery Tablesorter - wont sort correctly if new text is typed in <input>
body: <p>1) The code below will sort the input boxes as they are when loaded on the page load, but if I try and edit any of the <code>&lt;input&gt;</code>s  then try sort the column again then it sorts by the original value and not the new value, can you help fix this?</p>
  
  <p>2) If I type new numbers in the <code>&lt;input&gt;</code> then click on the column header to sort then my inputs blur event will not fire, why and do you know how to fix this?</p>
  
  <pre><code>&lt;table id="myTable" class="tablesorter"&gt; 
  &lt;thead&gt; 
  &lt;tr&gt; 
      &lt;th&gt;Last Name&lt;/th&gt; 
      &lt;th&gt;Amounts&lt;/th&gt; 
  
  &lt;/tr&gt; 
  &lt;/thead&gt; 
  &lt;tbody&gt; 
  &lt;tr&gt; 
      &lt;td&gt;Smith1&lt;/td&gt; 
      &lt;td&gt;&lt;input type="text" value="1"/&gt;&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;tr&gt; 
      &lt;td&gt;Smith2&lt;/td&gt; 
      &lt;td&gt;&lt;input type="text" value="2"/&gt;&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;tr&gt; 
      &lt;td&gt;Smith3&lt;/td&gt; 
      &lt;td&gt;&lt;input type="text" value="3"/&gt;&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;tr&gt; 
      &lt;td&gt;Smith4&lt;/td&gt; 
      &lt;td&gt;&lt;input type="text" value="4"/&gt;&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;/tbody&gt; 
  &lt;/table&gt; 
  </code></pre>
  
  <hr>
  
  <pre><code>$(document).ready(function() {
  
      $.tablesorter.addParser({
          id: 'input',
          is: function(s) {
              return false;
          },
          format: function(s, table, cell) {
                return $('input', cell).val();
          },
          type: 'numeric'
      });
  
      $("#myTable").tablesorter({
  
          headers: {
              1: {
                  sorter:'input'
              }
          }
      });
  
  
     $('input').blur(function(){
  
          alert($(this).val());
  
     });
  
  });
  </code></pre>