title: How to insert a anchor tag into list item with Javascript?
body: <p>I have one list item which have a class name in html5</p>
  
  <pre><code>&lt;li class="navi"&gt; HOME &lt;/li&gt;
  </code></pre>
  
  <p>that list item I want to insert a anchor tag via class name in javascript. anchor is here:</p>
  
  <pre><code>&lt;a href="#hOME"&gt;HTML&lt;/a&gt;
  </code></pre>
  
  <p>how can i do this to be:</p>
  
  <pre><code>**&lt;li class="navi"&gt;&lt;a href="#HOME" &gt;HOM E&lt;/a&gt; &lt;/li&gt;**
  </code></pre>