title: Making a Facebook Like Box draggable with JQuery UI
body: <p>Hi I'm trying to make a Facebook Like Box draggable by placing it in a div. The Like Box shows up fine but doesn't drag. I have a twitter widget right before it that works just fine.</p>
  
  <pre><code>&lt;div class="twitter"&gt;&lt;script&gt;new TWTR.Widget({version: 2, type: 'profile', rpp: 10, interval: 30000, width: 300, height: 300, theme: {shell: {background: '#7a7a7a', color: '#000000'}, tweets: {background: '#ffffff', color: '#000000', links: '#3586b8'}},features: {scrollbar: true, loop: false, live: true, behavior: 'all'}}).render().setUser('twitter').start();&lt;/script&gt;&lt;/div&gt;
  
  
  &lt;div class="fb"&gt;&lt;div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="false"&gt;&lt;/div&gt;&lt;/div&gt;
  
  
  $(function(){ $('.twitter').draggable({grid: [ 80, 80 ]}); $('.fb').draggable(); });
  </code></pre>
  
  <p>Thanks for taking a look.</p>