title: partial page update with navigation
body: <p>First of all, I apologize because this is my first time trying to code a website (or anything), so this might be a stupid question.
  I have a web page where I would like to update only a single div when a link in the navigation bar is clicked.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;header id="header"&gt;
          &lt;/header&gt;
          &lt;section id="section1"&gt;
              &lt;div&gt;
              &lt;/div&gt;
              &lt;nav id="mainnav"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;
                          &lt;a href="1.html"&gt;&lt;b&gt;1&lt;/b&gt;&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="2.html"&gt;&lt;b&gt;2&lt;/b&gt;&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="3.html"&gt;&lt;b&gt;3&lt;/b&gt;&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/section&gt;
          &lt;section id="section2"&gt;
              &lt;div id="mainwrap"&gt;
                  &lt;div id="main"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I know, it's a lot of useless stuff, but you get the point. What I'm trying to do is as you click on 1, 2, 3, etc., only the content of the div "mainwrap" changes, as does the URL (so the page does not refresh, but the URL changes from www.website/1.html to website/2.html, etc. and the content of the one div changes). I have different HTML files for 1, 2, and 3, each with different "main" divs, which ideally will be inserted into the "mainwrap."</p>
  
  <p>I've tried following along with tutorials like <a href="https://css-tricks.com/rethinking-dynamic-page-replacing-content/" rel="nofollow">https://css-tricks.com/rethinking-dynamic-page-replacing-content/</a> and other stackoverflow posts like <a href="https://stackoverflow.com/questions/4002580/how-to-do-partial-page-update-with-jquery">how to do partial page update with jquery</a>. That second one seems like what I want to do, but when I try to implement it, it still doesn't work. Is there a simple fix that I am just missing because I don't know much about coding? (Also, I'm using Dreamweaver. I don't know if that makes a difference.)</p>
  
  <p>Thanks!</p>