title: Multiple handsontable on same page
body: <p>I am trying to add two handsontable to the same page in my project but it doesnt work.</p>
  
  <pre><code>$(function () {
  
      $table1= $("#table1");
      $table2= $("#table2");
  
      var data1 = [
            ["", "", "", ""]
      ];
  
      $table1.handsontable({
          data: data1,
          minSpareRows: 1,
          colHeaders: ["#", "1", "2", "3"]
      });
  
      var data2= [
          ["", "", ""]
      ];
  
      $table2.handsontable({
          data: data2,
          minSpareRows: 1,
          colHeaders: ["#", "1", "2"]
      });
  })
  </code></pre>
  
  <p>But this doesnt work. Only the first table gets displayed. If I comment out the first one then the second one gets displayed. I see on the project samples that there are indeed multiple tables on the same page working correctly. So what am I doing wrong here. </p>