append div tag Into anchor tag using jquery?

Question

Greeting..

In Browser Html is

<div tabIndex="0" title="People Picker" class="ms-inputuserfield">Administrator</div> 

i want to replacewith look like

<a href='#'> <div tabIndex="0" title="People Picker" class="ms-inputuserfield">Administrator</div></a>

i tried to so much for make this. not succeed yet. plz Help me.

i try by this code :

 var list = $("<a href='#' />");
 $(list).wrapInner($('#maindiv').html())
 $('div.ms-inputuserfield').replaceWith(list);

i knew that i am going wrong way.its replace by anchor.

Answer 1

you could do

$('div.ms-inputuserfield').wrap('<a href="#"/>');

EDIT - fiddle here http://jsfiddle.net/QUcux/

If it's not working, remeber that you must put it in document.ready()

$(document).ready(function(){
    $('div.ms-inputuserfield').wrap('<a href="#"/>');
});

Answer 2

Use the jQuery wrap method.

$('div.ms-inputuserfield').wrap('<a href="#" />');

http://api.jquery.com/wrap/

Thanks