jquery adding mutiple table column base on given number
<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>
