title: How to make browser go to a URL with query string when clicking a link using jQuery?
body: <p>Suppose now I'm under <code>http://mysite.com/index.html</code>, index.html contains below html:</p>
  
  <pre><code>    &lt;ul&gt;
          &lt;li&gt;&lt;a data="value"&gt;Link1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data="value2"&gt;Link2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data="value3"&gt;Link3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I hope:</p>
  
  <p>When I click Link1, browser will go to <code>http://mysite.com/mypage.jsp?q=value</code></p>
  
  <p>When I click Link2, browser will go to <code>http://mysite.com/mypage.jsp?q=value2</code></p>
  
  <p>How can I achieve this with jQuery?</p>
  
  <p>Many thanks.</p>