Im experiencing a weird error in an ajax request. upon calling an alert in both error and succes, the alerts arent displayed. This implies that the ajax request isn't processed. But I have no clue whatsoever why this is the case. Code is below.
var bool;
function set(n, thread_id) {
    bool = n;
//  update_upvotes(thread_id);
}
function vote(thread_id) {
    if (bool == 1) {
        alert("begin ajax");
        $.ajax({
            type: "POST",
            url: "../includes/thread_upvotes.inc.php",
            data: {
                thread_id: thread_id
            },
            succes: function(data) {
                alert("data:"+data);
            },
            error: function() { 
                alert("hi, im broken");
            }     
        });
    } else {
        $.ajax({
            type: "POST",
            url: "../includes/thread_downvotes.inc.php",
            data: {
                thread_id: thread_id
            }
        });
    }
}
Here the form which calls the function
<iframe class="foo" name="foo" id="foo"></iframe>
<form class="voteform" target="foo" onsubmit="vote('.$thread_id.') & update_upvotes('.$thread_id.');">
    <button onclick="set(1);" id="'.$thread_id.'1" name="upvote" type= "submit" class="vote right up" value="'.$thread_id.'"> '.$num_upvotes.' </button>
    <button onclick="set(0);" id="'.$thread_id.'0" name="downvote" type= "submit" class="vote left down" value="'.$thread_id.'"> '.$num_downvotes.' </button>
</form>
Thanks in advance.
EDIT: This post has been marked as a duplicate, the answer provided by the person who marked this as a duplicate is not satisfactory. We removed the form out of our code and the ajax request is still not being processed...
 
    