I everyone, in our app we have many JavaScript/JQuery libraries for handling "domains". The libraries of course use functions and we bind these functions to events with JQuery.
But now, I want to pass arguments to some of these functions but passing arguments to functions with brackets execute the function on page loading..

To be more concrete, I have this library :

1. var Articles = {
2.     addReaction : function(event) {
3.         event.preventDefault();
4.         $.wait();
5.         $.get(CONTEXT+'ui/parts/articles/addreaction.html', function(fragment) {
6.             var $link = $(event.target);
7.             var $form = $(fragment).insertAfter($link).makeAjaxForm($link.parent())
8.                 .find('input[type="reset"]').click(function(){
9.                     alert("Removing "+$form)
10.                     $form.remove();
11.                 }).end();
12.         });
13.         $.unblockUI();
14.     }    
15. };

And I use it like that :

1.         $(document).ready(function(){
2.             // jqn is an utility function to escape dots
3.             // FIXME give the article id to Articles.addReaction
   
4.             $(jqn('#lnk.addreaction')).click(Articles.addReaction);
5.         });

This code work fine but I want to pass a number (the article id) to the "Articles.addReaction" function. And I don't know how to do that.

Thanks