title: <div> not hiding on click?
body: <p>This <code>div</code> should hide on click. I tested the code in notepad++ and it worked. But in a maven project, I added the code to a <code>JSF</code> page and it does not hide on click. Why does it not work in a JSF Page? or is something else wrong?</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div id="cookiew"&gt;
          &lt;b&gt;This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. &lt;b&gt;
          &lt;button type="button" id="cookieb" class="btn btn-default" &gt;OK&lt;/button&gt;
          &lt;style&gt;
              #cookiew{
                  width: 960px;
                  display: block;
                  margin-left: auto;
                  background-color: red;
                  width: 100%;
                  text-align: center;
                  color: white;
                  height: 45px;
                  padding-bottom: 5px;
                  padding-top: 5px;
              }
              #cookieb{
                  margin-left: 3px;
                  margin-right: 3px;
              }
          &lt;/style&gt;
          &lt;script&gt;
              $(document).ready(function(){
                  $("#cookieb").click(function(){
                      $(cookiew).hide();
                  });
              });
          &lt;/script&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Also, here are my scripts:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;h:outputScript library="js" name="myjs.js" /&gt;
  </code></pre>
  
  <p>Here is a JSFiddle: <a href="http://jsfiddle.net/7dyh5eun/" rel="nofollow">http://jsfiddle.net/7dyh5eun/</a></p>