Question

With this I listed my codes its working fine in all browsers but not in IE. I searched the stack overflow for solutions still i could not fix. please can some one help me please
$(this).serialize() returning empty in IE

$('Form#UserTripSearch').live('submit',function()
{
    $('#NavDetailHead12').html(HugeLoading);// for loader image
    alert($(this).serialize()); 

// needs to return => type=1&sortby=desc&status=paid&name=peter

    var fullurl = $(this).attr('action')+'/'+$(this).serialize();
    fullurl1= fullurl.replace(/&/g, "/");
    fullurl2= fullurl1.replace(/=/g, ":");
    // fullurl2 => sitename.com/type:1/sortby:desc/status:paid/name:peter
    $.ajax({
            type: "GET",
            url: fullurl2,
            data: "ajax=true",
            success: function(data)
            {
                $('#NavDetailHead12').html(data);
            }
        });

    return false;
});

HTML CODE:

<form action="sitename/search" method="get" id="UserTripSearch">            
    <select id="UserType" name="type">
        <option value="1">User</option>
        <option value="2">Member</option>
        <option selected="selected" value="3">Non Member</option>
    </select> 
    .....
    <input type="text" id="UserName" placeholder="First name, Username" class="TextfiledCommon" name="name">            
        <div style=" float:left">               
            <span class="button">
                <span>
                    <input type="submit" value="Search" id="button" name="button">
                </span>
            </span>
        </div>
</form>

Note: My HTML is Fine..

Answer 1

$('Form#UserTripSearch').live('submit',function()
{
    formdata =   $(this).serialize();
    alert( formdata); 
    $('#NavDetailHead12').html(HugeLoading);// for loader image
 ..........
 .............
 ................

try the above code it should work

You are trying to serialize after replacing the dom. This should be the problem as the intended data doesn’t exists. Try this 🙂