title: How to insert element before text of an element using the text node as an indication to insert the <a> element just before it
body: <p>I have this DOM structure (I can't alter the elements(add id,class etc) only add elements)</p>
  
  <pre><code>&lt;td&gt;
      &lt;div&gt;&lt;/div&gt;
      613-5557896
  &lt;/td&gt;
  </code></pre>
  
  <p>I need to insert <code>&lt;a&gt;</code> element before the text.
  So my final structure will look like this</p>
  
  <pre><code>&lt;td&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;a id="111" href="javascript:void(0)"&gt;&lt;/a&gt;
      613-5557896
  &lt;/td&gt;
  </code></pre>
  
  <p>In addition this is a generic function and sometimes the div element is not present at all. 
  <strong>I can't guarantee the order.</strong>
  I can't guarantee the structure- the div might not be there or there might be more elements in the  after the text node.
  I need to grab on a text node and insert the  element <strong>just before it</strong>.
  Probably I need a correct selector to select the text node.</p>