[jQuery] How can I either clone just one class and children or append better html code

[jQuery] How can I either clone just one class and children or append better html code


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" /