title: Change href url to # tag in parent li menu
body: <p>I want to change <code>href</code> link tag to <code>#</code> through jquery.<br/>
  When I click on <code>below html about link</code> the <code>#</code> tag show and link doesn't go to <code>about.html</code></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="access"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="home.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class="parent-menu-item"&gt;&lt;a href="about.html"&gt;about&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="list1.html"&gt;list 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="list2.html"&gt;list 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="list3.html"&gt;list 3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;   
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="services.html"&gt;services&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;contact&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="faqs.html"&gt;faqs&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Thanks in Advance </p>