Gestion de collision Jquery & JavaScript

Bonjour, je débute en Jquery et j'aimerais avoir un peu d'aide, si c'est possible, pour m'aider à gèrer une collision. Pour débuter, je vais vous montrer mon code au complet pour vous aidez à me suivre. Ce code est en parti tiré du tutoriel Jquery et Javascript.

http://pastebin.com/M7Zjx4ff

Mon but ici est de gèrer la collision entre la balle et la soucoupe. J'ai regarder sur l'internet et j'ai essayer les plugins de collision mais ceux-ci ne fonctionne pas (du moins la maniere que je les utilises n'est probablement pas la bonne mais je débute ) ceux-ci sont (Jquery Collision Extension) et (GameQuery Extensions)

Dans mon code, je montre les 3 manières dont j'essaie de gèrer la collision. Si quelqu'un peut m'aider à corriger le code pour qu'il puisse être fonctionnelle peu importe laquelle des trois manières on utilise, ou simplement me lancer sur une piste plus facile ou une possibilité d'erreur, j'apprécierais grandement.

Je vous remercie encore

il existe déja un plugin qui le gère ...
http://eruciform.com/jquerycollision/

Oui, j'avais bien mentionné que jai essayer le plugin Jquery Collision, c'est peut-être la manière que je l'utilise qui n'est pas fonctionelle même si je suis la documentation sur celui-ci mais cela me donne toujours mon alert peu importe si la collision s'effectue ou pas.

Je vous remercie encore !