title: Button to add rows to html table, and content
body: <p>I have a table on my website which I use as a navigation. My pages are stored in a database and the links just call the new content into the content div, using the primary key id.</p>
  
  <p>I have now added buttons to add new pages and edit current ones, however when I submit the new page button. Is there a way to create an extra row, with the appropriate text which draws the right content? (Auto increment of the id on each link, starting from 10 up), assuming this will require jQuery?</p>
  
  <pre><code>&lt;ul&gt;
    &lt;a href="index.php?id=2"&gt;&lt;li&gt;Introduction&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=3"&gt;&lt;li&gt;Setting up program/Adjusting preference&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=4"&gt;&lt;li&gt;Choosing plugins&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=5"&gt;&lt;li&gt;Basic Features/Functions&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=6"&gt;&lt;li&gt;Creating a Drum Beat/Envelopes&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=7"&gt;&lt;li&gt;Creating a Bass Wobble&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=8"&gt;&lt;li&gt;Utilizing Plugins&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=9"&gt;&lt;li&gt;Advanced Tools/Features&lt;/li&gt;&lt;/a&gt;
    &lt;a href="index.php?id=10"&gt;&lt;li&gt;New Page&lt;/li&gt;&lt;/a&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Any suggestions are greatly appreciated!</p>