Ajax & Jquery form submission
===

I'm about to pull the hair out of my head with this one. 

I'm sure the problem is simple, I'm new to Ajax with Jquery and I'm just overlooking something. But Man this is annoying. Every time the form is submitted, the page refreshes and `.ajax` throws `error:`. What could be causing this? I know I'm getting my form values to the Jquery for sure. And `newcomment.php` is working. I can post regular forms to it, but not with jquery. 




    function postPhotoComment() {
    
    	var comment = $("#comment").val();
    	var album = $("#album").val();
    	var photo = $("#photo").val();
    	var dataString = "comment="+comment+"&album="+album+"&photo="+photo;
    	
    	$.ajax({
    		type: "POST",
    		url: "/includes/actions/photo-gallery/newcomment.php",
    		data: dataString,
    		success: function(res) {
    			alert("Posted!");
    		}
                error: function(res) {
    			alert("Error!");
    		}
    	})	
    }
