title: jQuery andSelf() method not working
body: <p>The following code changes add and removes a css class on mouseenter and mouseleave. I am trying to include the current element along with previous siblings with andSelf() but it does not seem to work as I currently understand it from the jQuery documentation. </p>
  
  <p>Code without works but not include the current element.</p>
  
  <pre><code>    $(function () {
          // will execute when the page is ready
          $('.rating-circle').mouseenter(function(){
              $(this).prevAll().addClass('rating-hover');
          }).mouseleave(function(){
             $(this).prevAll().removeClass('rating-hover'); 
          });
      });
  </code></pre>
  
  <p>Now with the andSelf() but now will not do anything. </p>
  
  <pre><code>    $(function () {
          // will execute when the page is ready
          $('.rating-circle').mouseenter(function(){
              $(this).prevAll().andSelf().addClass('rating-hover');
          }).mouseleave(function(){
             $(this).prevAll().andSelf().removeClass('rating-hover'); 
          });
      });
  </code></pre>
  
  <p>Here are the div tags I'm trying to change. I want to change the class for all previous tags and include the current tag moused over.</p>
  
  <pre><code>&lt;div id="rating-container"&gt;
  &lt;div class="rating-circle"&gt;&lt;/div&gt;
  &lt;div class="rating-circle"&gt;&lt;/div&gt;
  &lt;div class="rating-circle"&gt;&lt;/div&gt;
  &lt;div class="rating-circle"&gt;&lt;/div&gt;
  &lt;div class="rating-circle"&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>