Having issues with .not with :contains

Having issues with .not with :contains

I'm having an issue making something work that I think should work fairly easy
here is some code
  1. var ShowVar = ".search:contains(" + document.getElementById("Find").value +")"; 
     $('.search').not(ShowVar).hide();
     $(ShowVar).not('.define').show();

 
  1. <div id=Ex class=search>
  2. Content
  3. <ul class=define>
  4. <li>List</li>
  5. </ul>
  6. </div>
 
I'm trying to make it so a user can type in a value for "Find" and it shows all the sections with the class of search and hides
 
I can do that easily, but I want it to ignore the define class areas when it's searching for content.
 
In the above code if someone typed in List as the search it would not show the Ex div, but if you typed Content it would show. 
 
I'm not sure what is wrong with my code.