modify span content using jquery
<p>I have the following html in a footer div:</p>

<pre><code> &lt;span itemprop="telephone"&gt;&lt;a href="tel:01 XX XX XX XX"&gt;01 XX XX XX XX&lt;/a&gt;&lt;/span&gt;
</code></pre>

<p>I want to dynamically change the phone number within this span. 
2 issues there:</p>

<ul>
<li><p>span is using microformats data so I cannot based my find on itemprop but I need to base it by using telephone I guess?</p></li>
<li><p>I can udpate 01 XX XX XX XX  embedded between the  tags but what about the href value?</p></li>
</ul>

<p>Anyone could help?</p>

<p>I've tried this which is not working</p>

<pre><code>    function getPhone() {
        var span = $('.wcb_row2');
        if (!span.length) return;
        return $('.wcb_row2').find('a');
    }

    function replacenumber(num) {
        if( num == 'undefined' || num== null )
        return;
        var newnum = getPhone();
        (newnum.html( newnum.html().replace(/tel:*[ ]*\d{2}[ ]\d{2}[ ]\d{2}[ ]\d{2}[ ]\d{2}/, 'tel: ' + num) ))
    }

    replacenumber( num);
</code></pre>
