title: Multiple functions for live click based on data-filter
body: <p>I have a number of buttons which activate a number of functions on a page but am wondering if there is a shortcut I can use to cut down the code:</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;button id="button1"&gt;button1&lt;/button&gt;
  &lt;button id="button2"&gt;button2&lt;/button&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$('#button1').live('click', // click id button1
      MyCode('#example', function () {
      this.button1(); // fire button1 function
      });
  });
  $('#button2').live('click', // click id button2
      MyCode('#example', function () {
      this.button2(); // fire button2 function
      });
  });
  </code></pre>
  
  <p>My question is: if there is a value I can set on the button which can be transferred to fire the click and execute a function with same name inside it... maybe using .data()? If, for example, I have 50 buttons on a page this could be a lot of code/time saved</p>
  
  <p>I have searched but found the info a bit sketchy on this.</p>