How to pass extra parameter in jquery post request from outside click event?
<p>Hi i have jquery request like below ,</p>

<pre><code>$('#filterForm').submit(function(e){
        e.preventDefault();
        var dataString = $('#filterForm').serialize();
        var class2011 = document.getElementById("2011").className;
        //var validate = validateFilter();
        alert(dataString);
        if(class2011=='yearOn')
            {
                dataString+='&amp;year=2011';
                document.getElementById("2011").className='yearOff';
            }
        else
            {
            document.getElementById("2011").className='yearOn';
            }

         alert (dataString);

          $.ajax({
            type: "POST",
            url: "myServlet",
            data: dataString,
            success: function(data) {
                /*var a = data;
                alert(data);*/
            }
          });   
</code></pre>

<p>and my Form is like , </p>

<pre><code>&lt;form  method="post" name="filterForm" id="filterForm"&gt;
  &lt;!-- some input elements --&gt;
&lt;/form&gt;
</code></pre>

<p>Well, I am triggering jquery submit on submit event of a form ,(it's working fine) 
I want pass one extra parameter inside form  which is not in above form content but it's outside in page
it's like below</p>

<p>[Check this image link for code preview][1]</p>

<p>So how can i trigger above event , on click of , element with class yearOn ( check above html snippet )  and class yearOff ,  with additional  parameter of year set to either 2011 or 2010</p>
