title: Close button not working in popup
body: <p>I have made a popup. It works fine on <a href="http://jsfiddle.net/RY9tk/210/" rel="nofollow">Fiddle</a> but when I port it to the <a href="http://jsgcl.com/#" rel="nofollow">website</a>, the close button does not work. Please guide me how can I make it work. Thanks.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="popup"&gt;
          &lt;h1&gt;JamaPunji&lt;/h1&gt;
          &lt;p&gt;&lt;a href="http://www.jamapunji.pk/" target="_blank"&gt;Click here&lt;/a&gt; to get details.&lt;/p&gt;
         &lt;a href="#" id="close_popup"&gt;Close&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#popup{
      position: absolute;
      background: #004990;
      top: 45%;
      left: 45%;
      width: 300px;
     /* height: 200px;*/
      /* border: 1px solid #000; */
      border-radius: 5px;
      padding: 5px;
      color: #fff;
      z-index:9999;
  } 
  #close_popup {
      color:#FFF;
      position:absolute;
      right:0px;
      top:0px;
  }
  #popup h1,#popup p, #popup a{
      text-align:center;
      z-index:9999;
  }
  #popup a{
      color:#F47B20;
        z-index:9999;
  }
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>  &lt;script&gt;
  jQuery(document).ready(function() {
      jQuery("#popup").css("display", "block");
      jQuery("#close_popup").click(function(){
          jQuery("#popup").css("display", "none");
      }); 
  });
  &lt;/script&gt;
  </code></pre>