Jquery anchor#1.click change href of anchor#2 and click anchor#2
<p>Here is the senario</p>

<p>I am using the CallTo: protocol to get the system to call a telephone number.
The user can change the number on the form, so the href needs to change to CallTo:xxxx</p>

<p>I would like to do the following:</p>

<ol>
<li>when the CALL anchor is clicked it fires off a function (ok)</li>
<li>change a second anchor href to CallTo:xxxx (ok)</li>
<li>fire the click event on the second anchor (here's the problem)</li>
</ol>

<p>For some reason the .click() event will not fire on the second link.</p>

<p>I am testing using the following code:</p>

<pre><code>&lt;head&gt;
    &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
        $(document).ready(function(){
            $("#mobile").click(function(event){
                event.preventDefault();
                $("#calling_clicker").prop("href", "http://www.google.co.uk").click();
            });
        });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;a class="butt call-outbound" href="#" id="mobile"&gt;Call&lt;/a&gt;

    &lt;a href="http://www.bbc.co.uk" id="calling_clicker"&gt;bbc&lt;/a&gt;
&lt;/body&gt;
</code></pre>

<p>Firebug is showing the link changing, but the click will just not fire.</p>
