title: Simulate Hover using jQuery
body: <p>Given the existing "buttons"</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;div id="MB"&gt;
      &lt;ul class="list"&gt;
         &lt;li id="post-5"&gt;&lt;a href="#post-5"&gt;5&lt;/a&gt;&lt;/li&gt;
         &lt;li id="post-4"&gt;&lt;a href="#post-4"&gt;4&lt;/a&gt;&lt;/li&gt;
         &lt;li id="post-3"&gt;&lt;a href="#post-3"&gt;3&lt;/a&gt;&lt;/li&gt;
         &lt;li id="post-2"&gt;&lt;a href="#post-2"&gt;2&lt;/a&gt;&lt;/li&gt;
         &lt;li id="post-1"&gt;&lt;a href="#post-1"&gt;1&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt; 
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>  #MB .list li a {
          float:left;
          color:#333;
          background:#f6f6f6;
          border:1px solid #eaeaea;
          border-right:none;
          padding:0 8px;
          }
  
     #MB .list li a:hover,
     #MB .list li a:focus {
          color:#fff;
          border:1px solid #333333;
          border-right:none;
          background:#404040;
          text-decoration:none;
          }
  </code></pre>
  
  <p>I'd like to simulate "hover" automatically on each button, sequentially, every n seconds. </p>
  
  <p>This means that every n seconds a button is "hovered" (changing color etc), at next interval is "turned off" and the following button will "turn on" and so on...</p>