Serializing form in jquery and passing it into php
<p>I have been trying for the last couple of days to serialize a form in jquery and pass it to php.  For some reason it just doesn't work...  Question, What steps do you take to serialize a form in Jquery...  I get the id of the form pass it into $('#fomrID').serialize()...</p>

<p>And it still doesn't work.  When I debugg with firebug All I get is an empty string... Do you use the name or the Id of the form.  Do you use e.disableDefalut or whatever that is?  I can't figure out why I can't serialize my form please help</p>

<pre><code>    $('#profilepicbutton').change(function(){
    alert("Boy I hate PHP");
    var formElement = $('#profilepicinput').attr('value');
    dataString = $("#registerpt3").serialize();
    $.ajax({
            type: "POST",
            url: "register3.php",
            data: dataString, //"profilePic="+formElement,
            success: function(data){
                alert( "Data Saved: " + data );
                $.ajax({
                    type: "POST",
                    url: "retrievePic.php", 
                    data: "",                   
                    success: function(data){
                        alert(data);
                        var image = new Image();
                        $(image).load(function(){
                            console.log("we have uploaded this image");
                        }).attr('src', 'images/');
                        alert("");                      
                    },
                    error: function(msg){
                        alert("");
                    }
                });
            },
            error:function(msq){
                alert("" + msg);
            }
        }
    );
});


    &lt;form  id="registerpt3" name="registerpt3" enctype="multipart/form-data" action="register3.php" onSubmit="" method="post"&gt;
&lt;input name="profilepicinput" type="file" id="profilepicbutton"  /&gt;
&lt;/form&gt;
</code></pre>
