title: use variable inside a jquery selector with not()
body: <p>I have a div (id =container) that is containing other divs (many classes)
  I am able to use the container as a string "AAAA" but can't do the same effect with a variable mystring</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div class="AAAA"&gt;AAAA content&lt;/div&gt;
  &lt;div class="AAAA"&gt;AAAA content&lt;/div&gt;
  &lt;div class="BBBB"&gt;BBBB content&lt;/div&gt;
  &lt;div class="CCCC"&gt;CCCC content&lt;/div&gt;
  &lt;div class="DDDD"&gt;DDDD content&lt;/div&gt;
  &lt;div class="AAAA"&gt;AAAA content&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  var myclass = "#container&gt;div:not("+".AAAA"+")"; // works
  $(myclass).css("background-color", "red"); //works fine
  //var mystring = "AAAA";
  //var myclass = "\"#container&gt;div:not(."+mystring+")\"";
  //$(myclass).css("background-color", "red"); // doesn't work
  &lt;/script&gt;
  </code></pre>