clonefield plugin

clonefield plugin

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>First, I'm not sure I'm sending this request to the right
place, if not could you direct me to the proper site.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I have been trying for several days to pass a text form
field (that I need to duplicate numerous times) to the clonefield plugin but have
been unsuccessful.   I've been able to get a couple of other plugins
(using .append) to work fine but would prefer to use the clonefield version for
the option features.  Could someone show me the proper way (or format to
use) to pass the field elements via the example line provided in the plugin
documentation which is:  $("a#add).clonefield($("input#file"));<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The text field is:  <td><lable
for="eventBullet">Provide another feature;</lable><input
type="text" name="eventBullet"
id="eventBullet"></td><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The cloned fields will be located in an empty <div>. 
Currently I get a very nice series of Remove buttons when I click the "Add
Feature" button but I'd really like to have something to remove first.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The following is what I'm tryiing to get to work before I
move it into my page.  Any assistance would be appreciated.  Did I
mention I'm very new to everything relating to . . . just about everything in
this field.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><script type="text/javascript"
src="jquery-1.3.2.min.js"></script><o:p></o:p>
<p class=MsoNormal><script type="text/javascript"
src="clonefield.js"></script><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><script type="text/javascript"><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>function addFeature(){<o:p></o:p>
<p class=MsoNormal> 
$("div#add").cloneField($('<td><label
for="eventBullet">Provide feature number;</lable><input
type="text" name="eventBullet"
id="eventBullet"></td>'));<o:p></o:p>
<p class=MsoNormal>  // I can't figure out how to pass the eventBullet
elements to the clonefield function<o:p></o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal></script><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><body><o:p></o:p>
<p class=MsoNormal><form action="#">  <o:p></o:p>
<p class=MsoNormal>  <table> <o:p></o:p>
<p class=MsoNormal>     <tr><o:p></o:p>
<p class=MsoNormal>       <td colspan =
"3"><a href="#" onClick="addFeature(); return
false;"><button>Add A
Feature</button></a></td>      
<o:p></o:p>
<p class=MsoNormal>       <div
id="add"></div><o:p></o:p>
<p class=MsoNormal>      
<td>&nbsp;</td><o:p></o:p>
<p class=MsoNormal>      
<td>&nbsp;</td><o:p></o:p>
<p class=MsoNormal>     </tr><o:p></o:p>
<p class=MsoNormal>  </table>       
<o:p></o:p>
<p class=MsoNormal></form><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal></body><o:p></o:p>
<p class=MsoNormal></html><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
</div>