Я пытаюсь добавить выбранное значение из окна поиска автозаполнения к моему id = "merkenlijst". Проблема в том, что когда марка добавляется сейчас, она мигает только секунду, а затем исчезает.Я не могу найти, что я делаю неправильно.
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(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 & Gabbana"]
});
$("#add-brand").click(function(){
var merk = $("#autocomplete").val();
$("#merkenlijst").append( merk );
});
});
</script>
<style type="text/css">
body{ margin: 0 auto; width: 540px; }
</style>
<title>Form add brands </title>
</head>
<body>
<div id="brands-form-holder">
<form id="brands-form" action="" method="">
<dl>
<dt>
<h1>
<label for="brands-form-brand">Add your brands</label>
</h1>
</dt>
<dd>
Search for brand:
<input id="autocomplete" type="text" name="brand" />
<input id="add-brand" type="submit" value="Add brands" />
</dd>
</dl>
</form>
<hr />
<p class="section-title">
<strong>Brands selected</strong> (including from the database)
</p>
<div id="merkenlijst"> </div>
</div>