title: How to change Div Id value when adding rows to a table
body: <p>I have a problem and the solution to this problem is just a little bit beyond my programming ability... Hopefully someone can help me. </p>
  
  <p>I have a table with a div inside each cell. I need the div id to dynamically change whenever a row or a column is added to the table. The div id's snake around the table, so when a new row or column is added, the div ids have to change. The div ids are used in the Javascript, so they have to dynamically change or the code won't work. </p>
  
  <p>I created picture examples of everything, but since I'm a new member I can't add them. Hopefully my text example below will help you to see what I mean...</p>
  
  <p>2X2 Table with div ids that snake back around:</p>
  
  <p>| div id = 1 | div id = 2 |<br>
  | div id = 4 | div id = 3 |</p>
  
  <p>2X3 table with a new column added with how the div ids need to look:</p>
  
  <p>| div id = 1 | div id = 2 | div id = 3 |<br>
  | div id = 6 | div id = 5 | div id = 4 |<br><Br></p>
  
  <p>Also if you have another idea in mind of how this could work, let me know. I'm open to all suggestions.</p>
  
  <p>Update... </p>
  
  <p>I've added a jsfiddle with a small example of my code and how it's being used. At this point I'm thinking I have two options. </p>
  
  <p>As you can see, The draggables drop in order or they revert, so one option is to change the way this is done.</p>
  
  <p>My second option is what has been mentioned here a few times and change the way the div ties to the jQuery droppable code.</p>
  
  <p>Hope this helps.</p>
  
  <p><a href="http://jsfiddle.net/irocmon/wzb5U/" rel="nofollow noreferrer">http://jsfiddle.net/irocmon/wzb5U/</a> <code></code></p>