PartialView doesn't Get fully in IE8
===

I have this PartialVIew : 

    @model IEnumerable<Tungsten.Models.ProductGroup>
    <div id="treeviewpglist" class="filetree">
		<ul id="tree" class="treeview">
			<li><span class="folder"><a href="#" onclick="return false;" class="treenode"><input type="hidden" value="12">Name</a></span></li>
		</ul>
		<input type="hidden" value="0" id="pgID">
	</div>
</div>

and I load it in a view with this code : 

    $.get('@Url.Action( "GroupList" , "Product" )', function (data) { $('#treeviewdiv div').replaceWith(data); }).success(function ()
    {
        // do something
    });


its work fine in chrome, Firefox and IE9. but in IE8 or IE9-Compatibility View
the code doenst get fully loaded and its load something like this

    <div id="treeviewdiv">
        <a class="treenode selected" onclick="return false;" href="#">
            <input value=12 type=hidden>Name
        </a>
        <input id=pgID type=hidden> 
    </div>

how can i fix it?