Turning jquery into an includable callable function

Question

I'm so frustrated! As an ok PHP developer I can't get my head around the simplist of jquery problems!

I have recently moved my HTML jquery include to the end of the HTML body, instead of in the head to improve google pagespeed score.

This has broken some jquery which is used for simple comment voting. This was written badly as it repeats for every comment.

<div id="voterow-19907" class="commentfooter">UP</a> | <a id="comment-vote-down-19907" href="#" rel="nofollow">DOWN</a></div>


    <script>
    $("#comment-vote-up-19907").click(function() {
        $.ajax({
            type: "GET",
            url: "/ajax.php",
            data: "a=rv&v=19907&d=up",
            success: function(data){
                $("#voterow-19907").text("Thank you for your vote")
            }
        });
        return false;                 
    });

    $("#comment-vote-down-19907").click(function() {
        $.ajax({
            type: "GET",
            url: "/ajax.php",
            data: "a=rv&v=19907&d=down",
            success: function(data){
                $("#voterow-19907").text("Thank you for your vote")
            }
        });
        return false;                 
    });
    </script>

Since moving the jquery include to the bottom of the page this naturally doesn't work.

What I'm trying to do is turn the above code into a mini function I can include after the jquery include, then pass the ID and VOTE-DIRECTION to the function from the HTML a hrefs using the jquery DATA- attribute.

Any help would be greatly appreciated. I'm running out of hair!