title: whether can combine jquery each function?
body: <pre><code>jQuery(document).ready(function(){
    $(function() {
      $('.button-a').each(function() {
        $(this).hover(
          function () {
            $('.button-title', this).animate({ opacity: 0.6 }, 200);
          });
        });
     });
  $(function() {
    $('.button-b').each(function() {
      $(this).hover(
        function () {
          $('.button-title', this).animate({ opacity: 0.6 }, 200);
        });
      });
    });
  $(function() {
    $('.button-c').each(function() {
      $(this).hover(
        function () {
          $('.button-title', this).animate({ opacity: 0.6 }, 200);
        });
      });
    });
  $(function() {
    $('.button-d').each(function() {
      $(this).hover(
        function () {
          $('.button-title', this).animate({ opacity: 0.6 }, 200);
        });
      });
    });
  });
  </code></pre>
  
  <p>I have many buttons, when hover each, there will have some opacity change. </p>
  
  <p>The codes are similar, the small different is <code>$('.button-a'),$('.button-b'),$('.button-c'),$('.button-d')</code>, whether can combine jquery each function?  so that I can shorter my code? Thanks. </p>