title: jquery adding mutiple table column base on given number
body: <p>i want to add table base on the input number it supposed to be like this: value=3</p>
  
  <pre><code>&lt;input type="text" id="pila" name="pila" maxlength="2px" onchange="balhin()" value="3"/&gt;
  </code></pre>
  
  <p>js function:</p>
  
  <pre><code>function balhin(){
      var pila = $("#pila").val();
      var a;
      var i = 0;
  
       while (i &lt;= pila)
          {
              a .= "&lt;tr&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;/tr&gt;";
              i++;
          }
  
  
      $(".pakita").append(a);
  }
  </code></pre>
  
  <p>the html code: </p>
  
  <pre><code>&lt;table id="tablesorter"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;#&lt;/th&gt;
                      &lt;th&gt;Trip Number&lt;/th&gt;
                      &lt;th&gt;NO. Boxes&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody class="pakita"&gt;&lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>but the js function is not working? what would be the possible reason why its not working?</p>
  
  <p>expected output:</p>
  
  <pre><code>        &lt;table id="tablesorter"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th&gt;#&lt;/th&gt;
                              &lt;th&gt;Trip Number&lt;/th&gt;
                              &lt;th&gt;NO. Boxes&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody class="pakita"&gt;
      &lt;tr&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;td&gt;amew&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>