I have a form in a jquerymobile dialog box that I am submitting via jQuery Ajax.

Currently my problem is that once the form is submitted the same dialog box is opened again on top of the original dialogbox.

So that my url reads before submission:

url/index.php#&ui-state=dialog

and then after submission:

url/index.php#&ui-state=dialog#&ui-state=dialog&ui-state=dialog

Has anyone ever encountered something like this before?

[edit added code example]

$(function(){
    $("#form").submit(function(e){
        e.preventDefault();
        var dataString = $("#form").serialize();
    errorInput = $("input[name=valOne]#valOne").val();
        $.ajax({
            type: "GET",
            url: "formHandler.php",
            data: dataString,
        dataType: "text",
            success: function(data){
            if(data.toLowerCase().indexOf("error") >= 0){
                alert(data);
                $(".ui-dialog").dialog("close");
                $("#valOne").val(errorInput);  //the reentering info so user doesn't have to
            }else{
                    $(".ui-dialog").dialog("close");
                    location.href="index.php";
            }
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }
        });
    });
});