Přesun label z divu 1 do divu 2 – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj,
mám label ve kterém mám vypsaný checbox a text(z dtb), po zaškrtnutí a kliknutí nna  odkaz se označeé přesunou do druhého divu. problém nastává, když to vypíšu do tabuulky, text se poté přestává přesouvat. Nevíte čím to může být?

Zde je kód:
 

<script type="text/javascript" src="./jquery-1.10.2.js"></script>
<?php 
include "database.php";   
$category = "programs"; 
$query = $pdo->query("SELECT name,id FROM $category");
?>
<table>
<tr>
<div id="select1">
<?php
while($row = $query->fetch(PDO::FETCH_ASSOC)) 
{ 
  $name = $row['name'];
  $id = $row['id']; 
  echo"<label><td><input type=\"checkbox\" name=\"CheckboxGroup1\" value=\"checkbox\" id=\"CheckboxGroup1_$id\" />$name</td></label>"; 
}
?> 
</div>
</tr>
</table>
<div id="select2">

</div>

<a href="#" id="add">add</a>
<a href="#" id="remove">remove</a>

<script>
$('#add').click(function() {
    return !$('#select1 label :checked').closest('label').appendTo('#select2');
    
});
$('#remove').click(function() {
    return !$('#select2 label :checked').closest('label').appendTo('#select1');
});
</script>

Díky za pomoc

#1 noris
Skus sa pozriet ako mas pomiesane tagy:

<table>
  <tr>
    <label>
      <td>
        <input>
      </td>
    </label>
  </tr>
</table>

Co tak vymenit <label> a <td> ?

#2 Ericsko
Děkuji, opravdu byla chyba v html, nyní mi již funguje přesouvání do divu 2, ale zppět to nejde-

aktuální kód:

<script type="text/javascript" src="./jquery-1.10.2.js"></script>
<?php 
include "database.php";   
$category = "programs"; 
$query = $pdo->query("SELECT name,id FROM $category");
?>
<div id="select1">
<table>
<tr>
<?php
define ("COLS", 9);  // počet sloupců 
  
for ($i = 0; $row = $query->fetch(PDO::FETCH_ASSOC); $i++) 
{ 
$name = $row['name']; 
$id = $row['id']; 
  if ($i % COLS == 0) echo "<tr>"; 
  echo "<td><label><input type=\"checkbox\" name=\"CheckboxGroup1\" value=\"checkbox\" id=\"CheckboxGroup1_$id\" />$name</label></td>"; 
  if ($i % COLS == COLS - 1) echo "</tr>\n"; 
} 
if ($i % COLS != 0) 
{ 
  while ($i++ % COLS != 0) 
  { 
    echo "<td>&nbsp;</td>"; 
  } 
  echo "</tr>\n";
} 
?> 
</tr>
</table>
</div>
<div id="select2">

</div>

<a href="#" id="add">add</a>
<a href="#" id="remove">remove</a>

<script>
$('#add').click(function() {
    return !$('#select1 td :checked').closest('td').appendTo('#select2');
    
});
$('#remove').click(function() {
    return !$('#select2 td :checked').closest('td').appendTo('#select1');
});
</script>