title: focusout getting called multiple times
body: <p>I want an ajax call when the user leave the input with the class selector name "data". My problem is the focusout event is called multiple times.</p>
  
  <pre><code> $(document).ready(function(){
  var test2=0;
  $(document).on('focus', '.data', function() {
      $this = $(this);
      $this.focusout(function(){
              $('div.debug2').text(test2++);
      });     
  }); 
    }); 
  </code></pre>
  
  <p>Here is my html :</p>
  
  <pre><code>&lt;c:forEach var="user" items="${users}"&gt;
   &lt;tr id='user_${user.id}' class="datarow"&gt;
    &lt;td&gt;&lt;input class="data" type="text" name="role" value="${user.role }"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input class="data" type="text" name="fullName" value="${user.fullName }"&gt;&lt;/td&gt;                                  
   &lt;/tr&gt;
  &lt;/c:forEach&gt;
  &lt;div class="debug2"&gt;Focus Out&lt;/div&gt;
  </code></pre>
  
  <p>What did I do wrong? If there is any way better to handle this, let me know. Thanks</p>