title: flipping div using jquery after 5 secs
body: <p>Please see this fiddle <a href="http://jsfiddle.net/M783F/5/" rel="nofollow">http://jsfiddle.net/M783F/5/</a></p>
  
  <pre><code>&lt;div class="stage"&gt;
    &lt;div class="flashcard"&gt;
      &lt;div class="front"&gt;
       &lt;p&gt;Front&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="back"&gt;
     &lt;p&gt;Back&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;  
   &lt;/div&gt;
  
  $(document).ready(function() {
   $('.flashcard').on('click', function() {
    $('.flashcard').toggleClass('flipped');
  });
  });
  </code></pre>
  
  <p>by the above code, currently the front and back div is flipped when someone clicks on the div.</p>
  
  <p>i want that the front and back div should be flipped automatically after some time (say 5 secs)</p>