title: Javascript adding DIV's on each click
body: <p>I have a textfield with one "add more highlights" text link, what i need is when i click on each time on add link i should be able to display 3 div's one below the other.</p>
  
  <p>Given my HTML code below;</p>
  
  <pre><code>&lt;input size="20" id="high_light" type="text" maxlength="30" placeholder="Highlights of this offer" /&gt; 
   &lt;span&gt;&lt;a href="#" id="add"&gt; + Add more highlights&lt;/a&gt;&lt;/span&gt;
   &lt;div id="highlight1" style="display:none;"&gt;&lt;input class="word_count2" size="20" name="high_light2" id="high_light2" type="text" maxlength="30" /&gt;&lt;/div&gt; 
  &lt;div id="highlight2" style="display:none;"&gt;&lt;input class="word_count2" size="20" name="high_light2" id="high_light2" type="text" maxlength="30" /&gt;&lt;/div&gt; 
  &lt;div id="highlight3" style="display:none;"&gt;&lt;input class="word_count2" size="20" name="high_light2" id="high_light2" type="text" maxlength="30" /&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>Thanks
  Ajeesh</p>