Element is not removed from html by jquery

i have this code and its not working

var data = '<div class="myform" id="stylized"><开发者_开发百科;form enctype="multipart/form-data" method="post" action="" id="form1"><h1>Account form</h1></form></div>';

$(data).find('h1').remove();
alert(data);

here h1 is still there in result

---

Well, you're just updating the jQuery wrapped set, not the data variable. You need to assign the new formed jQuery set and access it's .html() method to get the result:

var data = '<div class="myform" id="stylized"><form enctype="multipart/form-data" method="post" action="" id="form1"><h1>Account form</h1></form></div>';

var $myData = $(data).find('h1').remove().end();
alert($myData.html());

---

You're taking a string and building a DOM structure from it (that's what $(data) does). You're then modifying that DOM structure (with the remove) call. That change affects the DOM structure. It does not affect the original string.

If you want the string back out again, you'll have to retrieve it.

$data = $(data);
$data.find('h1').remove();
data = $data.html();