title: Replace div content from another div without server
body: <p>So I am currently working on my personal website. I had a vertical nav on the left side. When I click on a link from the nav I would want to replace the div content with another div from another html file (I could copy and paste the nav code on all my html pages but that wouldn't be efficient).</p>
  
  <p>I tried the .load() but I believe I need to use a server. For a basic site of replacing content from other html pages, how can I achieve this?</p>
  
  <p>ex.</p>
  
  <p>index.html file</p>
  
  <pre><code>&lt;li&gt;&lt;a href="javascript:display_blogs()"&gt;Blogs&lt;/a&gt;&lt;/li&gt;
  ...
  &lt;div id="content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>blogs.html file</p>
  
  <pre><code>&lt;div id="GETBLOG"&gt;I am a blog.&lt;/div&gt;
  </code></pre>
  
  <p>app.js file</p>
  
  <pre><code>function display_blogs() {
  
    $('#content').load("blogs.html #GETBLOG");
  }
  </code></pre>
  
  <p>So when the user clicks on "BLOGS" link, It should display I am a blog in the "content" div.</p>
  
  <p>I need an alternative because I think .load can only be used in a server. I want to do this without a server if possible.</p>