title: HTML local anchor doesn't work, web page is not reloaded
body: <p>Greeting, </p>
  
  <p>I am trying to use local anchor in a web page, but it doesn't work. The local anchor's URL like this: </p>
  
  <p><a href="https://hostname:port/info?newElement=true#a" rel="nofollow">https://hostname:port/info?newElement=true#a</a></p>
  
  <p>If I use this URL to load the web page directly, I can see the web page is located in the correct position where the local anchor is. But if I click the hyper link in the web page, nothing happens, though I can see the URL is correct in the footer when I hover mouse on the hyper link.</p>
  
  <p>The web page is not reloaded and the URL in the browser's address box is not changed to the URL with "#a" at end. Is it due to the web page is an active web page?</p>
  
  <p>Below is the code sample: </p>
  
  <p>"form.jsp":</p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;
          &lt;jsp:include page="form-nav.jsp" /&gt;
          &lt;div&gt;
              &lt;jsp:include page="form-location.jsp" /&gt;
              ....
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>"form-nav.jsp":</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="tab"&gt;
          &lt;li&gt;
              &lt;a href="#location"&gt; Name &lt;/a&gt;
          &lt;/li&gt;
          ....
      &lt;/ul&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>"form-location.jsp":</p>
  
  <pre><code>&lt;div id="location" class="page"&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks, 
  Zhe</p>