title: How to dynamically add anchor/href in jQuery
body: <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 class="lang-html prettyprint-override"><code>&lt;div class=&quot;phone&quot;&gt;111-111-1111&lt;/div&gt;
  &lt;div class=&quot;phone&quot;&gt;666-555-4444&lt;/div&gt;
  </code></pre>
  <p><strong>What I want</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;phone&quot;&gt;&lt;a href=&quot;tel:111-111-1111&quot;&gt;111-111-1111&lt;/a&gt;&lt;/div&gt;
  &lt;div class=&quot;phone&quot;&gt;&lt;a href=&quot;tel:666-555-4444&quot;&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=&quot;???' + $(this).html() + '&quot; /&gt;');
  });
  </code></pre>