title: jQuery ui Dialog: Turn off 'Draggable' for Dialog content
body: <p>I'm having a brain fart and cannot seem to get the content of my jquery ui dialog to stop being 'draggable'. I turned off the draggable setting on the actual dialog pop-up, however, the content inside the box is still able to be dragged out of the box's view. I'd like to have a static positioned box and static positioned content within the box.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$('.LinkBtn').click(function (e) {
          e.preventDefault();
          var OfferID = $(this).attr('id').substring(8);
          $('#HiddenLinks_' + OfferID).show();
          newDialog(OfferID);
      });
      function newDialog(OfferID) {
          var divObj = $('#HiddenLinks_' + OfferID);
          var $dialog = divObj
          .draggable()
          .dialog({
              draggable: false,
              autoOpen: false,
              resizable: false,
              modal: false,
              title: $('#HiddenLinks_' + OfferID).attr('title')
          }).draggable(false);
          $dialog.dialog('open');
          return false
      }
  </code></pre>
  
  <p>Thanks!</p>