title: Why is my form input value not adding new data?
body: <p>I'm trying to add the selected value from the autocomplete search box to my id="merkenlijst".The problem is that when the brand gets added now it only flashes for a sec and then dissapears. I can't find what i'm doing wrong.</p>
  
  <pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"  rel="stylesheet" type="text/css"/&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function() {
          $("input#autocomplete").autocomplete({
              source: ["Adidas", "Airforce", "Alpha Industries", "Asics", "Bikkemberg", "Birkenstock", "Bjorn Borg", "Brunotti", "Calvin Klein", "Cars Jeans", "Chanel","Chasin", "Diesel", "Dior", "DKNY", "Dolce &amp; Gabbana"]
          });
  
          $("#add-brand").click(function(){
              var merk  = $("#autocomplete").val();
              $("#merkenlijst").append( merk );  
          });
      });
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
      body{    margin: 0 auto; width: 540px; }
  &lt;/style&gt;
  
  &lt;title&gt;Form add brands &lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="brands-form-holder"&gt;
          &lt;form id="brands-form" action="" method=""&gt;
              &lt;dl&gt;
                  &lt;dt&gt;
                      &lt;h1&gt;
                          &lt;label for="brands-form-brand"&gt;Add your brands&lt;/label&gt;
                      &lt;/h1&gt;
                  &lt;/dt&gt;
                  &lt;dd&gt;
                      Search for brand:
          &lt;input id="autocomplete" type="text" name="brand" /&gt;
          &lt;input id="add-brand" type="submit" value="Add brands" /&gt;
                  &lt;/dd&gt;
              &lt;/dl&gt;
          &lt;/form&gt;
  
          &lt;hr /&gt;
  
          &lt;p class="section-title"&gt;
              &lt;strong&gt;Brands selected&lt;/strong&gt; (including from the database)
          &lt;/p&gt;
  
          &lt;div id="merkenlijst"&gt;  &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>