How to dynamically add anchor/href in jQuery

Question

Im new to jQuery and i'm trying to convert all my phone class to have an anchor with an href:

What I have

<div class="phone">111-111-1111</div>
<div class="phone">666-555-4444</div>

What I want

<div class="phone"><a href="tel:111-111-1111">111-111-1111</a></div>
<div class="phone"><a href="tel:666-555-4444">666-555-4444</a></div>

I am trying to do something like this, but I am pretty lost:

$('.phone').each(function(){
  $(this).wrapInner('<a name="???' + $(this).html() + '" />');
});

Answer 1

I think solution is there in your question only...

Have a look at this.

$('.phone').each(function(){
    $(this).wrapInner('<a href="tel:' + $(this).html() + '" />');
});​

FIDDLE Hope this is what you want.