Ajax/Function Issue

[Nathan]

Looking for a little help with my first AJAX call I've tried.  It keeps telling me the function "mark complete" is not defined but I see it as though it is.

My jQuery at top of page:

<!--Task jQuery/Ajax Call-->
<script>
    $(document).ready(function markcomplete(taskid,projectid)
    {
        $.ajax({
            url : 'scripts/submit.php?taskid='+taskid+'&projectid'+projectid+'submittype=7', // give complete url here
            type : 'post';
        });
    });
</script>

My html/php:

echo '<li class="open">
                                <img onClick="markcomplete('.$projectid.','.$tasks['id'].')" src="images/ico-redx.png" style="margin-left:8px;margin-right:20px;"/>'.
                                $tasks['task_name'].'
                              </li>';

[Nathan]

<!--Task jQuery/Ajax Call-->

<script>

    function markcomplete(taskid,projectid)

    {

        $.ajax({

            url : 'scripts/submit.php', // give complete url here

            type : 'post',

            data : { taskid : taskid, projectid : projectid, submittype : 7},

            success: function (data) {

                                // returns from server on success

                                console.log(data);                                

                        },

             failure: function (error) {

                                // returns here on error

                                console.log(data);                                

                        }

        });

    }

</script>