How to make sure one method can be bound only once to an element in jQuery
<p>Below code is Just for Demo.</p>

<h2>Html</h2>

<pre><code>&lt;div&gt;
&lt;a href='javascript:' id="foo"&gt;Foo&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div id="target"&gt;&lt;/div&gt;
</code></pre>

<h2>Javascript</h2>

<pre><code>jQuery(function () {
    jQuery('#foo').bind('click', write);
    jQuery('#foo').bind('click', write);
    jQuery('#foo').bind('click', write);
    jQuery('#foo').bind('click', write);

   /*
      although  I am binding click event four times with same METHOD
      i want jQuery to bind it only once and ignore rest request to bind the 
      same fucntion
  */
});
function write() {
    jQuery('#target').append('modified&lt;br&gt;');
}
</code></pre>

<p>In javascript I am binding same function four times to a link using jQuery, But is there any way that jQuery processes only first request and ignores other request to bind same event.</p>

<p><a href="http://jsfiddle.net/7J3Y7/" rel="nofollow">Demo : using jQuery1.7.1</a></p>

<p><a href="http://jsfiddle.net/7J3Y7/4/" rel="nofollow">Demo : using jQuery1.3.2</a> (I am getting expected behavior, but i want this behavior with jQuery1.7.1) </p>
