Insert a new html element before another

Insert a new html element before another

Hi.

I have a td like this:
  1. <td id="info">
  2. <a href="#" id="linkfirst"> <span id="first">First</span>&nbsp;&nbsp;</a>
  3. <a href="#" id="linkprevious"> <span id="previous">Previous</span>&nbsp;&nbsp;</a>
  4. <a href="#" id="linknext"> <span id="next">Next</span></a>&nbsp;&nbsp;</a>
  5. <a href="#" id="linklast"> <span id="last">Last</span></a>&nbsp;&nbsp;</a>
  6. </td>
I want to remove the two first links and leave only the <span> tags.

I remove the first two elements doing this:
  1. $('td#info a').first().detach();
  2. $('td#info a').first().detach();
And I'm trying to put the <span> tag doing this:
  1. $('#info a').first().prepend('').html('<span id="first">First</span>&nbsp;&nbsp;');
But this instruction substitutes the code into the "third" element (now first).

How can I put new HTML code before this element?