title: How to close a pop up window by clicking the close button?
body: <p>This is my div in the aspx page:</p>
  
  <pre><code>&lt;div id="pop-up"&gt;
  
      &lt;button id="btnClose"&gt;Close&lt;/button&gt;
          &lt;div id="mopopuptitle"&gt;
          &lt;/div&gt;
          &lt;table id="popuptable" cellspacing="15"&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is my js code:</p>
  
  <pre><code>$('td#' + parentElement).find('span.download_active').next().hover(function (e) {
                  topPos = e.pageY - ($('div#pop-up').height()) - 35;
                  leftPos = e.pageX - ($('div#pop-up').width()) - 30;
                  if (leftPos &lt; 0) { leftPos = 10; }
                  GetAssociatedPeopleList(json_row.value.task_id);
                  $('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
                  $('#mopopuptitle').html('People who have taken up this Request');
                  $('#btnClose').button({ icons: { primary: "ui-icon-closethick" }, text: false })
              .css({ width: '30px', height: '20px', position: 'absolute', right: -'25px', top: '-25px' })
              .click($(this).close());
              }, function() {
  
  
              });
  </code></pre>
  
  <p>The above code has some business logic. Dont bother about that.. All i need is when i click the close button the pop up has to be closed..</p>
  
  <p>I have tried these lines..</p>
  
  <pre><code>$('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
                  $('#mopopuptitle').html('People who have taken up this Request');
                  $('#btnClose').button({ icons: { primary: "ui-icon-closethick" }, text: false })
              .css({ width: '30px', height: '20px', position: 'absolute', right: -'25px', top: '-25px' })
              .click($(this).close());
  </code></pre>
  
  <p>I couldn achieve by trying this code.. What should i change?? Is there any alternative for this?? Please help me out..</p>