title: How to handle common code in multiple HTML's using javascript or jQuery
body: <p>I have an application which has almost 30 html's and they share some common code to which i f i made any changes i need to change it on every page. Below is the piece of code which i am using on all pages.</p>
  
  <pre><code>&lt;div&gt;
    &lt;ul&gt;
      &lt;li class="current"&gt;&lt;a href=".html" &gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=".html"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=".html"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=".html"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Is there any solution to which i can keep it on a single file and reuse it where ever i want?</p>