title: Anchor Scroll not working
body: <p>I have a button at the top of the page:(Button-A)</p>
  
  <pre><code> &lt;div class="menu-btn-right loginandadd" &gt;
    &lt;a href="#" id="A" class="some_class" title="something"&lt;/a&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Then I have another button half way through the page (Button-A is not visible anymore):(Button-B)</p>
  
  <pre><code>&lt;a id="B"&gt;&lt;img class="start1addproductbutton" src="#" alt="empty" width="1" height="1" /&gt; 
  &lt;/a&gt;
  </code></pre>
  
  <p>Also, I have the following script:</p>
  
  <pre><code>&lt;script&gt;// 
  &lt;![CDATA[ jQuery("#B").click(function(){
       jQuery("#A").trigger('click');            
           return false;       });
  // ]]&gt;&lt;/script&gt;                 
  </code></pre>
  
  <p>In this current setting, when the Button-B is clicked, Button-A is clicked automatically.However since the Button-B is located in the middle and Button-A is not visible, when the Button-B is clicked, users do not know that Button-A is clicked unless they manually scroll to the top.</p>
  
  <p>I tried to add an anchor so that when the button-B is clicked, the page is scrolled to the top and users can see that Button-A is automatically clicked.</p>
  
  <p>However in my test due to the javascript, the anchor tag is not working.
  What can I do so that when Button-B is clicked, the page is scrolled to the top and Button-A is still automatically clicked?</p>
  
  <p>Thanks</p>