Hide input button
<p>Here is the code I have: <a href="http://jsfiddle.net/Draven/rEPXM/23/" rel="nofollow">http://jsfiddle.net/Draven/rEPXM/23/</a></p>

<p>I'd like to know how I can hide that "Add" submit button until I click the "+" image to add input boxes to the form.</p>

<p>I don't want to add the submit button next to the input box because I want to be able to add multiple input boxes and submit them all when I click "Add".</p>

<p>HTML:</p>

<pre><code>&lt;div id="left"&gt;      
  &lt;div class="box"&gt;
    &lt;div class="boxtitle"&gt;&lt;span class="boxtitleleftgap"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="boxtitlebulk"&gt;&lt;span class="boxtitletext"&gt;Folders&lt;/span&gt;&lt;div style="float: right; margin-top: 4px;"&gt;&lt;a href="#" onclick="javascript: AddFolder();"&gt;&lt;div class="addplus"&gt;&amp;nbsp;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;div class="boxcontent"&gt;
        &lt;form method="post" id="folderform" action="page.php?action=list-volunteer-apps" name="folderform"&gt;
          &lt;a class="even" href="page.php?action=list-volunteer-apps&amp;folder=2"&gt;Folder 2 &lt;span class="text"&gt;(1)&lt;/span&gt;&lt;/a&gt;&lt;a class="even" href="page.php?action=list-volunteer-apps&amp;folder=1"&gt;Folder 1 &lt;span class="text"&gt;(0)&lt;/span&gt;&lt;/a&gt;
          &lt;div id="foldercontainer"&gt;&lt;input type="submit" value="Add"&gt;&lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>function AddFolder() {
    $('#foldercontainer').append('&lt;input name="folder[]" type="text" size="20" /&gt;');
}​
</code></pre>
