title: hide hyperlink text of anchor <a> tag in browser status bar but it should navigate
body: <ol>
  <li>I have a referral project.
  
  <ol start="2">
  <li>In that there is an <em>agent</em> between the
  <em>affiliate</em>(my site) and the <em>target site</em>.</li>
  <li>So all hyperlinks displayed in my
  site will be redirected to the <em>agents</em>
  site and then it is redirected to the
  <em>target</em> site.</li>
  <li>The hyperlink itself is the link to
  the <em>agents</em> site.</li>
  <li>So i am displaying all products. I
  have given links to them. When users
  hover a hyeprlink you can see the
  href text displayed in the status bar
  which will be the <em>agents</em> site.</li>
  <li>The requirement is the hyperlinks of
  an <em>agent</em> site should not be displayed
  in the status bar.</li>
  </ol></li>
  </ol>
  
  <p><strong>My solutions and assumptions</strong></p>
  
  <ol start="7">
  <li><p>So i can use span onclick =
  window.location = hrefOfAgentLink.</p></li>
  <li><p>I have seen in other sites that they
  redirect to another scripting page
  and then the redirection takes
  place. for example
  <a href="http://sitename.com/click/id=32" rel="nofollow noreferrer">http://sitename.com/click/id=32</a>.</p></li>
  <li><p>The id refers to the hyperlink in
  database. hope they fetch the link
  and they do a location header to
  redirect to the <em>agent</em> page.</p></li>
  </ol>
  
  <p>Why so? because the user should not see where the link goes. </p>
  
  <p><strong>I want to know whether there is(are) any other option(s) so that the hyperlink will not be visible in the status bar and in the address bar when it is redirecting.</strong></p>
  
  <p>Anyway when redirecting the <em>agents</em> url is not visible because it immediately redirects to the <em>target</em> site.</p>
  
  <p>I would like to have the stackoverflow users suggestions. Thank you.</p>