title: Does binding events to elements in jQuery multiple times have a knock on effect?
body: <p>If I have the below code, textboxes of class serial will be bound to the events more than once if the new serial button is pressed multiple times. </p>
  
  <p>Will this hinder performance or does jQuery only register events once even if the bind method is called numerous times?</p>
  
  <pre><code>$(document).ready(function () {
  
      MonitorSerialTextBoxes();
  
      $('#newSerial').click(function () {
  
         $.tmpl("productTemplate", mymodel).insertAfter($(".entry").last());
         MonitorSerialTextBoxes();
  
      });
  
      function MonitorSerialTextBoxes() {
        $('.serial').each(function () {
           // Save current value of element
           $(this).data('oldVal', $(this).val());
  
           // Look for changes in the value
           $(this).bind("propertychange keyup input paste", function (event) {
  
           // If value has changed...
           if ($(this).data('oldVal') != $(this).val() &amp;&amp; $(this).val().length == 10) {
  
               // Updated stored value
               $(this).data('oldVal', $(this).val());
  
               // Do action
           }
        });
      }
  
  });
  </code></pre>
  
  <p><strong>UPDATE: I believe it will so would adding the below code to the MonitorSerialTextBoxes function fix thiings?</strong> </p>
  
  <pre><code>$('.serial').unbind("propertychange keyup input paste");
  </code></pre>
  
  <p>From the jQuery Documentation:</p>
  
  <p><em>If there are multiple handlers registered, they will always execute in the order in which they were bound</em></p>