jQuery.ajax method get data without refresh
===

I have this problem, i like to do is that no refresh.
what i want is that when i search then press enter, the playlist should not refresh.

the web sample of my page is [http://cocopop12.site11.com/v1.7/index.php][1]

is my jquery script correct? do i need to use ajax so that the page will not refresh?

    $(function(){
        $('input[name="searchsubmit"]').click(function(e) {         
            e.preventDefault();
            var qS = $('#qsearch').val();
    		
            $.ajax({
                type:"GET",
                url:"",
                data: qS,
    			dataype: 'html'
            }).done(function(data){
    			$('input#qsearch').html(data);
    		});
        });	
    });

the button is 

    <div class="search">
    <form id="quick-search" action="" method="get">
    <p>
    <label for="qsearch">Search:</label>
    <input class="tbox" id="qsearch" type="text" name="q" value="Keywords" title="Start typing and hit ENTER" onblur="if(this.value=='') this.value='Keywords';" onfocus="if(this.value=='Keywords') this.value='';" />
    <input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="./css/search.gif" />
    </p>
    </form>
    </div>

thanks for the time.


  [1]: http://cocopop12.site11.com/v1.7/index.php