title: jQuery Draggable Stop: function to stopPropagation of elements
body: <p>I am trying to get it so when the draggable element has stopped the two elements that I assign stopPropagation. Code I have so far, with no errors, yet not working.</p>
  
  <pre><code> $( "#pop_up" ).draggable({ 
          handle: "#pop_header",
          containment: "parent", 
          stop:function(e) {
               if ($(e.target).attr('id') === "submit") {
                 e.stopPropagation();
                  return false;
              } 
            else if ($(e.target).attr('id') === "close")
             {
            e.stopPropagation();
             return false;
            }
        }
   });
  </code></pre>
  
  <p>Basic HTML mockup-</p>
  
  <pre><code>&lt;div id="pop_up"&gt;
    &lt;div id="pop_header"&gt;
      &lt;span class="button" id="submit"&gt;&lt;/span&gt;
      &lt;span class="button" id="close"&gt;&lt;/span&gt;
    &lt;/div&gt;
       &lt;div id="pop_body"&gt;
  
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas how to get these elements to become clickable as of right now they are not clickable like I tell my jQuery to do.-</p>
  
  <pre><code>$('.button #close').click(function() {
    $('#pop_up').hide();
   });
   $('.button #submit').click(function() {
        var miniVis = $('#minimize_wrapper').css('display');
    if(miniVis ==="block"){
         $('#minimize_wrapper').slideUp();
     } else {
        $('#minimize_wrapper').slideDown();
     }
    });
  </code></pre>