title: using jQuery animate() for lettering.js plugin
body: <p>On its <a href="https://github.com/davatron5000/Lettering.js/" rel="nofollow">documentation</a> to manipulate each letter it is mentioned to use CSS and I am trying to target a specific letter with jQuery <code>animate()</code> function unfortunately don't see what I am expecting. Is it possible to use jQuery in this case ?  </p>
  
  <p>Default <code>script</code></p>
  
  <pre><code>&lt;h1 class="fancy_title"&gt;AWESOME&lt;/h1&gt;
  
   &lt;script&gt;
       $(document).ready(function(){
          $(".fancy_title").lettering();
       });
  &lt;/script&gt;   
  </code></pre>
  
  <p>What I am trying ...</p>
  
  <pre><code>$(document).ready(function(){
      $('.char1').hide(1000).show(1000)
      .animate({left: '400', opacity: 0.5}, 3000)
      .animate({left: '-400', opacity: 1}, 300); 
  });
  </code></pre>