title: Fade toggleClass using Font Awesome switching
body: <p>I have a menu toggle that when clicked, changes the Font Awesome icon class from a hamburger to a cross.
  I want some sort of animation, a simple fade will do of the toggleClass. Because its switching the class the fade doesn't work like it would do if I were just adding the class as you'd assume below.</p>
  
  <pre><code>$( ".menu-toggle" ).click(function() {
      $(this).find('i').toggleClass('fa-bars fa-times', 1000);
  });
  </code></pre>
  
  <p>How can I add a simple fade to the below code?</p>
  
  <pre><code>$( ".menu-toggle" ).click(function() {
      $(this).find('i').toggleClass('fa-bars fa-times');
  });
  </code></pre>