title: Auto increment data inside the HTML Table with Javascript or jQuery
body: <p>I am a new to javascript. I have a problem in HTML table. (This is only a reference because the whole table will have a range of 100,000 to 2,000,000.)</p>
  
  <p>This is a list and it is kinda large and to create this manually will take very long plus if I input a single "range" wrong I'll have to edit and re-arrange then check if the "range" is correct again. I am hoping that this can be done in javascript. Anyone can help me to make the "range" to a variable like "r-1 and r-2" and a function can fill the variable increments to 5,000 or 10,000 automatically starting from 100,000 up to 2,000,000.</p>
  
  <p>HTML Table</p>
  
  <p><strong><a href="http://jsfiddle.net/iamthestig/Nck5B/" rel="nofollow">jsFiddle</a></strong></p>
  
  <pre><code>&lt;table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
       &lt;tr&gt;
            &lt;td class="range" width="15%"&gt;100,000 - 105,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;125,000 - 130,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;150,000 - 155,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;175,000 - 180,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
       &lt;/tr&gt;
  
       &lt;tr&gt;
            &lt;td class="range" width="15%"&gt;105,000 - 110,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;130,000 - 135,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;155,000 - 160,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;180,000 - 185,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
       &lt;/tr&gt;
  
       &lt;tr&gt;
            &lt;td class="range" width="15%"&gt;110,000 - 115,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;135,000 - 140,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;160,000 - 165,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;185,000 - 190,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
       &lt;/tr&gt;
  
       &lt;tr&gt;
            &lt;td class="range" width="15%"&gt;115,000 - 120,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;140,000 - 145,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;165,000 - 170,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;190,000 - 195,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
       &lt;/tr&gt;
  
       &lt;tr&gt;
            &lt;td class="range" width="15%"&gt;120,000 - 125,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;145,000 - 150,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;170,000 - 175,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
  
            &lt;td class="range" width="15%"&gt;195,000 - 200,000&lt;/td&gt;&lt;td class="value" width="10%"&gt;VALUE&lt;/td&gt;
       &lt;/tr&gt;
  &lt;/table&gt;​
  </code></pre>