title: how to generate html table based on number of rows entered?
body: <p>I have to create a table using jquery. The number of rows the table will be determined from input box. The number of columns are known. After submitting that, a table gets generated. Tried creating a fiddle.
  Am very new to jquery . Not sure how to proceed.</p>
  
  <p><a href="http://jsfiddle.net/fpd8dwtw/3/" rel="nofollow">Fiddle link here</a></p>
  
  <pre><code>        &lt;form&gt;
          Number of rows to be generated
          &lt;br&gt;
          &lt;input type="number" id="table-row-num" value="3"&gt;
          &lt;button&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
      &lt;div id="table-gen"&gt;
          &lt;p&gt;Table generated here after clicking submit&lt;/p&gt;
          &lt;table cellpadding="1" cellspacing="1" border="1"&gt;
              &lt;tr&gt;
                  &lt;td&gt;1&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;2&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;3&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="name" placeholder="text goes here..."&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>