jQuery stopPropagation is ignored
<p>My goal is to prevent all the click events (hiding/showing of elements in the HTML when clicked) unless a certain condition is met (the user has a certain word in an input element).</p>

<p>So i tried to add that logic to the click handler of the document or "html" but the click handler of the other element fired first because of bubble up.</p>

<p>So i tried attaching that logic to "*", and now that click handler fires first- but propagates it to the the other element too, ignoring stopPropagation, preventDefault and return false.  </p>

<pre><code>$(document).ready(function(){    
  $("*").click(function(event){
    if ($("#user").val() !== "admin"){
      console.log("1");
      event.stopPropagation();
      event.preventDefault();  
      return false;  
    }
  });
  $("#user").click(function(event){
    console.log("2");
    // do something
  });
});
</code></pre>

<ol>
<li>Why "2" is written to the console after "1" when there shouldn't be any further propagation because of return false/stopPropagation?</li>
<li>How else can i achieve my goal using jQuery?</li>
</ol>

<p>Thanks!</p>
