title: Add alphabets dynamically as html row increments
body: <p>How to ensure i have a dynamic increment of Alphabets in a new cell on left side, next to each cell in a row which is dynamically created based on the option chosen in Select. This newly generated alphabet will be considered as bullet points/serial number for that particular row's text box.  </p>
  
  <p><strong><a href="http://jsfiddle.net/v2ksyy7L/2/" rel="nofollow">jsfiddle</a></strong></p>
  
  <p><strong>js code</strong>    </p>
  
  <pre><code>$(document).ready(function(){
  
      var select = $("#Number_of_position"), table = $("#Positions_names"); 
   for (var i = 1; i &lt;= 100; i++){
          select.append('&lt;option value="'+i+'"&gt;'+i+'&lt;/option&gt;');
      }
  
      select.change(function () {
          var rows = '';
          for (var i = 0; i &lt; $(this).val(); i++) {
              rows += "&lt;tr&gt;&lt;td&gt;&lt;input type='text'&gt;&lt;/td&gt;&lt;/tr&gt;";
          }
          table.html(rows);
      });
  
  });  
  </code></pre>
  
  <p><strong>html</strong> </p>
  
  <pre><code>&lt;select id="Number_of_position"&gt;              
      &lt;/select&gt;   &lt;table id="Positions_names"&gt;
      &lt;/table&gt;
  </code></pre>