title: jQuery Drag and Drop between specific lists only
body: <p>I have a little problem which I am trying to solve, being reasonably new to javascript isn't helping me (i'm from a c# background and always told myself I would learn javascript properly one day!) and I'm hoping someone can point me in the right direction!  </p>
  
  <p>I have 5 different lists, list A,B,C,D and a Bucket List.  The idea is that you can drag list items from List A, B, C or D into the Bucket, but anything in the bucket can only go to 1 list (other than itself).  Essentially an item can only be in it's correctly labeled list, or the bucket, nothing else.</p>
  
  <p>So, i've got my lists created, and I am using the data tag to keep track of which item is supposed to be in which list (data-pos="A") etc.</p>
  
  <p>I can get the items to go from the lettered lists INTO the bucket, but then when i try and drag them back out, the alert tells me it is the correct data, but automatically goes back to the bucket list and doesn't sit in the list it is dragged to.</p>
  
  <p>I was hoping to do something similar to my <code>connectWith: "#" + position + "List ul, #bucketList ul"</code> on the sort-able list (which I assume is where the problem lies?) but i'm not having any luck accessing the data attributes at this point.  Perhaps this isn't the right way of going about this?</p>
  
  <p>I've got the following so far:
  <a href="http://jsfiddle.net/graham_m84/vk7jeba2/" rel="nofollow">http://jsfiddle.net/graham_m84/vk7jeba2/</a></p>
  
  <p>It's probably super simple for a javascript wizz but i've been reading and racking my brains for ages now and decided to ask for help with my tail between my legs :)</p>
  
  <p>If anyone can point me in the right direction I would be a very happy man.</p>