title: jQuery dataTables fnDraw() not re-drawing table
body: <p>I have a static HTML table that contains prices and descriptions of parts from various suppliers.</p>
  
  <p>The table contains a column of text boxes for a user to enter a quantity against a particular part, the idea being that it then calculates the price across the suppliers so they can see the cheapest one.</p>
  
  <p>I have some logic in the dataTables fnFooterCallback function that generates the total, so I am trying to get the table to redraw (and so update the totals in the footer) when the value of the quantity texboxes change.</p>
  
  <p>I have a blur() handler registered on the inputs that calls fnDraw() on the table, but it does not seem to be doing anything.</p>
  
  <p>I've re-created an example <a href="http://jsfiddle.net/qp492/3/" rel="nofollow">here</a>, and here is the Javascript:</p>
  
  <pre><code>var $productsTable = $("table#products").dataTable({
      bFilter: false,
      bPaginate: false,
      bSort: false,
      bInfo: false,
      fnFooterCallback: function (nRow, aaData, iStart, iEnd, aiDisplay) {
          // For every column after the qty and desc colums
          for (var column = 2; column &lt; aaData[0].length; column++) {
              var columnTotal = 0;
  
              // Sum every row into a column total
              for (var row = 0; row &lt; aaData.length; row++) {
                  var quantity = aaData[row][0].value || 0;
                  columnTotal += aaData[row][column] * quantity;
              }
  
              // * and / by 100 to round to 2 decimals
              nRow.cells[column].innerText = Math.round(columnTotal * 100) / 100; 
          }
      }
  });
  
  $("input[data-qty]").blur(function () {
      // Example at http://datatables.net/api indicates that this should be enough?
      $productsTable.fnDraw();
  });​
  </code></pre>
  
  <p>Can anyone can tell me where I am going wrong, please?</p>
  
  <p>Thank you.</p>