title: Object literals and event listeners, best practice?
body: <p>Suppose I have an object, with some properties and methods:</p>
  
  <pre><code>var Form = {
      name: 'sign-up',
  
      show: function() {...},
      hide: function() {...},
      validate: function() {...},
      updateCurrency: function() {...},
      handleCheckBox: function() {...}
  }
  </code></pre>
  
  <p>Now I want to call different methods when certain events happen in my form like so:</p>
  
  <pre><code>$('#country-select').bind('change', function() {
      Form.updateCurrency();
  });
  
  $("input[type='checkbox']").bind('change', function() {
      Form.handleCheckBox();
  });
  </code></pre>
  
  <p>I have a lot of these event listeners, and frankly, I find them ugly listed out one by one like that and not tied directly to the object they relate to.  Is there a more elegant way of encapsulating them within my object literal <code>Form</code>?  Is there a best practice?</p>