title: how to append string to <a href=" with jQuery or Javascript?
body: <p>I've the  elements as follows,</p>
  
  <pre><code>&lt;div id="pager"&gt;
  &lt;a href="/somepath/1"&gt;First&lt;/a&gt;
  &lt;a href="/somepath/1"&gt;Previous&lt;/a&gt;
  &lt;a class="" href="/somepath/1"&gt;1&lt;/a&gt;
  &lt;a class="Current" href="/somepath/2"&gt;2&lt;/a&gt;
  &lt;a class="" href="/somepath/3"&gt;3&lt;/a&gt;
  &lt;a href="/somepath/3"&gt;Next&lt;/a&gt;
  &lt;a href="/somepath/20"&gt;Last&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I want it to be changed as follows within browser.</p>
  
  <pre><code>&lt;div id="pager"&gt;
  &lt;a href="/somepath/1?a=text"&gt;First&lt;/a&gt;
  &lt;a href="/somepath/1?a=text"&gt;Previous&lt;/a&gt;
  &lt;a class="" href="/somepath/1?a=text"&gt;1&lt;/a&gt;
  &lt;a class="Current" href="/somepath/2?a=text"&gt;2&lt;/a&gt;
  &lt;a class="" href="/somepath/3?a=text"&gt;3&lt;/a&gt;
  &lt;a href="/somepath/3?a=text"&gt;Next&lt;/a&gt;
  &lt;a href="/somepath/20?a=text"&gt;Last&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So that I can use the "a" data values to next page.
  Can any one give me the code, which does the appends inside </p>
  
  <blockquote>
    <p><code>div id="pager"</code> -> <code>&lt;a&gt;</code> -> <code>href="</code></p>
  </blockquote>
  
  <p>and i wants to remove the added text with another onChange event.</p>
  
  <p>Thanks in advance</p>