title: How to append a input inside an anchor tag using Jquery?
body: <p>please help, I got the anchor tag with a span inside, Using Jquery how do i append an input without losing the span and using the actual value!??</p>
  
  <p>I got this</p>
  
  <pre><code>&lt;a class='fieldEditable' href='#'&gt;&lt;span class='blue'&gt;Id. Usuario&lt;/span&gt; **Juan David**&lt;/a&gt;
  </code></pre>
  
  <p>I want to use the value Juan David as value of an input</p>
  
  <pre><code>&lt;a class='fieldEditable' href='#'&gt;&lt;span class='blue'&gt;Id. Usuario&lt;/span&gt;&lt;input type="text" name="newid" value="**Juan David**"&gt; &lt;/a&gt;
  </code></pre>
  
  <p>the span class='blue' Is not the same in some cases i mean it changes</p>
  
  <p>i tried</p>
  
  <pre><code>$('a.fieldEditable').append('&lt;input type="text" name="newid" value=""&gt;');
  </code></pre>
  
  <p>Result </p>
  
  <pre><code>&lt;a class='fieldEditable' href='#'&gt;&lt;span class='blue'&gt;Id. Usuario&lt;/span&gt; **Juan David**&lt;input type="text" name="newid" value="**HOW MOVE THE VALUE JUAN DAVID TO HERE??**"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>It's almost done I need some help !!!</p>