Textbox toggle dropdown in Jquery?

<input ID="txtchktouser" CssClass="textbox_width ddllocation" onkeypress="return false;" onpaste="return false;"/>
<div id="locationlist" style="max-height: 400px; width: 300px; background: #fff; overflow: auto; border: 1px solid #999; display: none; position: absolute; top: 22px; left: 0px; z-index: 1000;">
<span class="spnval">Select Status</span><br>
<span class="spnval">Pending</span><br>
<span class="spnval">Completed</span><br>
<span class="spnval">Active</span><br>
<span class="spnval">In Tech Support</span><br>
<span class="spnval">IN Balancing</span><br>
<span class="spnval">Programmer working on it</span><br>
<span class="spnval">Other</span><br>
<span class="spnval">Held Next Bus. Day per COP</span><br>
<span class="spnval">Held Next Bus. Day per Prg</span><br>
<span class="spnval">Programmer was paged</span><br>
<span class="spnval">Programmer was notified</span><br>

<div id="divtouser"></div>
 </div>

$('#txtchktouser').bind('click', function () { $('#locationlist').toggle();

 });
 $(".spnval").click(function(){
 $("#txtchktouser").val($(this).text())
 $('#locationlist').toggle();
 })