have this code that works! But looks like butt. As well as that this is a recipe for hell every-time I need to update it. I had clone working on the generated html code from the Rails server code. But in my simple tests the clone was cloning the class or id and it then more just make clones of the clones. Woot. So it became a power of 2 which as you know. ...
>From my short reading I cannot find any tools to fix jquery to paste code cleaner due to javascript restriction spacing.. <script type="text/javascript"> $(document).ready(function(){ $('#addmore').click(function() { $('#block').append('<div id="block"><h1>BITE ME! </h1> <div class="eplist"><table> <th> <td>Title</td> <td>Episodenumber</td> <td>Status</td> <td>Watched</td> <td>Have</td> <td>Next</td> <td>Published</td> </th><tr> <td> <input id="episode_episode_attributes__title" name="episode[episode_attributes][][title]" size="30" type="text" /> </ td> <td> <input id="episode_episode_attributes__episodenumber" name="episode[episode_attributes][][episodenumber]" size="30" type="text" /> </td> <td> <select id="episode_episode_attributes__status" name="episode[episode_attributes][][status]"><option value="1">Watching it</option> <option value="2">Saw it</option></ select> </td> <td> <input id="episode_episode_attributes__watched" name="episode[episode_attributes][][watched]" type="checkbox" value="1" /><input name="episode[episode_attributes][][watched]" type="hidden" value="0" /> </td> <td> <input id="episode_episode_attributes__have" name="episode[episode_attributes] [][have]" type="checkbox" value="1" /><input name="episode[episode_attributes][][have]" type="hidden" value="0" /> </td> <td> <input id="episode_episode_attributes__next" name="episode[episode_attributes][][next]" type="checkbox" value="1" / ><input name="episode[episode_attributes][][next]" type="hidden" value="0" /> </td> <td> <input id="episode_episode_attributes__published" name="episode[episode_attributes][][published]" type="checkbox" value="1" /><input name="episode[episode_attributes][][published]" type="hidden" value="0" /> </td></tr></table> <h2>Notes</h2> <p> <textarea cols="100" id="episode_episode_attributes__notes" name="episode[episode_attributes][][notes]" rows="2"></textarea> </ p><a href="#" class="puk"><h2>Remove ep from list</h2></a></div>'); }); $('.puk h2') .livequery('click', function(event) { $(this).parents('.eplist').remove(); return false; }); }); </script>