title: Using a variable with jQuery addClass
body: <p>Trying to mix a variable with :not then use that variable with addClass. but no luck yet.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Nav One&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Nav Two&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Nav Three&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Nav Four&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>LESS</strong></p>
  
  <pre><code>ul{
      li{
          a{
              color: black;
              transition: all 0.5s ease;
              font-size: 3rem;
              text-decoration: none;
          }
      }
  }
  .enc-non-active{
      color: gray;
  }
  </code></pre>
  
  <p><strong>JAVASCRIPT</strong></p>
  
  <pre><code>myFunction('ul li a', 'enc-active', 'enc-non-active');
  
  function myFunction($menu, $activeClass, $nonActiveClass) {
     $(function(){
          $($menu).hover(function(){
              $(this).addClass($activeClass);
          },
          function(){
              $(this).removeClass($activeClass);
          });
          $($menu).hover(function(){
              var fullPath = $menu + ':not(' + $activeClass + ')';
              $(fullPath).addClass($nonActiveClass);
          },
          function(){
              var fullPath = $menu + ':not(' + $activeClass + ')';
              $(fullPath).removeClass($nonActiveClass);
          });
      });
  }
  </code></pre>
  
  <p>Here is the CodePen <a href="http://codepen.io/antfuentes87/pen/pJEaeb" rel="nofollow">http://codepen.io/antfuentes87/pen/pJEaeb</a> if anyone can let me know what I am doing wrong, that would be great. Thanks for your time.</p>