title: Jquery popup show and hide
body: <p>I have a button once clicked shows a popup with a dark bg. I used some code i found on here and edited but it doesnt seem to show the pop up and brings up an error saying {"error": "Please use POST request"}</p>
  
  <p>Can any one help? 
  here is my demo</p>
  
  <p><a href="http://jsfiddle.net/6bZRA/" rel="nofollow">http://jsfiddle.net/6bZRA/</a></p>
  
  <pre><code>$(document).ready(function (e) {
      $("#login-link").click(function () {
          $("#login-container-popup").dialog();
          $(".login-popup-darkbg").show();
      });
  
      $(".login-popup-darkbg").click(function () {
          $("#login-container-popup").dialog('close');
          $(".login-popup-darkbg").fadeOut(1000);
      });
      $(document).on('click', '.ui-button-icon-primary', function () {
          $("#login-container-popup").dialog('close');
          $(".login-popup-darkbg").fadeOut(1000);
      });
  
  });
  </code></pre>
  
  <p>Thanks </p>
  
  <p>Paul </p>