How to dynamically add anchor/href in jQuery
<p>Im new to jQuery and i'm trying to convert all my phone class to have an anchor with an href:</p>

<p><strong>What I have</strong></p>

<pre><code>&lt;div class="phone"&gt;111-111-1111&lt;/div&gt;
&lt;div class="phone"&gt;666-555-4444&lt;/div&gt;
</code></pre>

<p><strong>What I want</strong> </p>

<pre><code>&lt;div class="phone"&gt;&lt;a href="tel:111-111-1111"&gt;111-111-1111&lt;/a&gt;&lt;/div&gt;
&lt;div class="phone"&gt;&lt;a href="tel:666-555-4444"&gt;666-555-4444&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>I am trying to do something like this, but I am pretty lost:</p>

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