title: Removing Dynamic JQuery UI tabs
body: <p>I am creating a web application and I want to use the Tabs widget to replicate the tab functionality you find in most web browsers. I want the user to be able: to move (sort) the tabs around, create tabs dynamically, close tabs dynamically.</p>
  
  <p>I am having a problem deleting tabs that have been moved around. </p>
  
  <p>Lets say there are three tabs named: </p>
  
  <blockquote>
    <p>one, two and three.</p>
  </blockquote>
  
  <p>If I move "one" so the tabs are like: </p>
  
  <blockquote>
    <p>two, three and one</p>
  </blockquote>
  
  <p>When I delete "one", which has an index of 2, tab "three" is deleted. So the tabs are now:</p>
  
  <blockquote>
    <p>two, and one.</p>
  </blockquote>
  
  <p>I have tested many different scenarios and it appears to me when I remove a tab, JQueryUI removes the wrong tab that initially had the index value, and not the tab that currently has the index value. </p>