Find a pattern in DOM and replace it's content using jquery
<p>I have a div containing elements something like below </p>

<pre><code>&lt;input type="hidden" name="subscribe_message" value="Success"/&gt;
&lt;div class="titleBlue"&gt;Alerts&lt;/div&gt;
&lt;table cellpadding="2" cellspacing="0" width="100%"&gt;&lt;tr&gt;&lt;td align="LEFT" height="35"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a style="cursor:hand;text-decoration:underline" target="_blank" href="https://abc.global.com/kb/solution/21/Pages/136776.aspx"&gt;ab1&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a style="cursor:hand;text-decoration:underline" target="_blank" href="https://abc.global.com/kb/solution/21/Pages/136775.aspx"&gt;ab2&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a style="cursor:hand;text-decoration:underline" target="_blank" href="https://abc.global.com/kb/solution/21/Pages/136774.aspx"&gt;ab3&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href='#' onClick="javascript:window.open('https://my-prod.global.com/gmm2/kb/dlink.do?externalId=&lt;a style="cursor:hand;text-decoration:underline" target="_blank" href="https://abc.global.com/kb/solution/20/Pages/157468.aspx"&gt;157468 &lt;/a&gt;&lt;/td&gt;       
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a style="cursor:hand;text-decoration:underline" target="_blank" href="https://abc.global.com/kb/solution/20/Pages/147468.aspx"&gt;147468 &lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>I need a way to find all <code>abc.global.com</code> within anchor tag and replace with <code>cab.global.com</code> and append <strong>?source=abc</strong> in the same link. </p>

<p>So how can I traverse through each a tag under div containing id="clicker" and replace the anchor href value?</p>
