title: uploadify doesn't work in jquery draggable div
body: <p>I am trying to put a uploadify upload video button in a draggable element. </p>
  
  <p>My upload video partial videos/_new_video</p>
  
  <pre><code>&lt;p&gt;Upload your Video &lt;/p&gt;
  &lt;div id="video_attachment"&gt;&lt;/div&gt;
  
  &lt;%= content_for (:scripts) do%&gt;
  &lt;script type="text/javascript"&gt;
    $(function() {
      &lt;% session_key = Rails.application.config.session_options[:key] %&gt;
      var uploadify_script_data = {};
      var csrf_token = $('meta[name=csrf-token]').attr('content');
      var csrf_param = $('meta[name=csrf-param]').attr('content');
  
      uploadify_script_data[csrf_param] = encodeURI(encodeURIComponent(csrf_token));
      uploadify_script_data['&lt;%= session_key %&gt;'] = '&lt;%= cookies[session_key] %&gt;';
  
      $('#video_attachment').uploadify({
        uploader  : '&lt;%= asset_path("uploadify/uploadify.swf") %&gt;',
        script    : '&lt;%= videos_path %&gt;',
        wmode     : 'transparent',
        cancelImg : '&lt;%= asset_path("uploadify/cancel.png") %&gt;',
        fileDataName    : 'attachment',
        scriptData : uploadify_script_data,
        auto      : true,
        buttonText : 'Browse',
        onAllComplete : function(event, data){
          alert("Success!  Please be patient while the video processes.");
        },
        onError: function(event, ID, fileObj, errorObj){
          alert("There was an error with the file you tried uploading.\n Please verify that it is the correct type.")
        }
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  
  
  <p>application.js</p>
  
  <pre><code>//= require jquery
  //= require jquery_ujs
  //= require uploadify/jquery.uploadify.v2.1.4.min
  //= require uploadify/swfobject
  </code></pre>
  
  <p>profile.js</p>
  
  <pre><code>$(document).ready( function(){
  
  /* For edit_draggable */
      $("#edit-draggable").draggable();
  
  $("#edit-draggable").hide();
  
  });
  </code></pre>
  
  <p>in my profile/show, uploadify will work outside the draggable div like this:</p>
  
  <pre><code>&lt;%= render "videos/new_video"%&gt; 
  &lt;div id="edit-draggable" class="ui-widget-content ui-dialog"&gt;
  
      &lt;%= render "edit"%&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it won't work inside the draggable div like this: </p>
  
  <pre><code>&lt;div id="edit-draggable" class="ui-widget-content ui-dialog"&gt;
      &lt;%= render "videos/new_video"%&gt;   
      &lt;%= render "edit"%&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Anyone know what the problem is? </p>
  
  <p>Thanks in advance for your help! </p>