Jquery Feldauswahl

Question

<form> 
       <div class="content-search-block"> 
        <div class="search-bar"> 

         <div class="search-bar"> 

         <input type="text" class="form-control" id="dname" name="dname" value="" placeholder="Otsi töötajaid"> 
         <button type="submit" id="submit" class="icon"><i class="fa fa-search"></i></button> 

        </div> 
       </div> 
       </form> 

So habe ich diese Art von Suchfeld. Diese Art von Start auf JS-Datei. (Yeah in WP) Aber scheint, dass mein Skript Doesent laden auf Senden Schaltfläche?

jQuery(document).ready(function(){ 
jQuery('#submit').click(function(){ 
var name = jQuery("#dname").val(); 

Ich habe sogar versucht

jQuery(document).ready(function(){ 
jQuery('#submit').click(function(){ 
var name = jQuery("#dname").val(); 
jQuery.ajax({ 
url: '/wp-admin/admin-ajax.php', 
type: 'POST', // Adding Post method 
dataType: 'JSON',// Including ajax file 
data: {'action': 'do_search', 'dname':name}, // Sending data dname to post_word_count function. 
success: function(data){ // Show returned data using the function. 
alert(data); 
} 
}); 
}); 
}); 

Warum? Skript wird in die Warteschlange geladen und auf der Seite zum Laden geladen. Noch nada.

Answer 1

In Ihrem Code, den Sie öffnen drei div-Tags, aber sie geschlossen nur zwei div-Tags

Answer 2

Sie auf benötigen Standard Formulareinreichung verhindern:

jQuery('#submit').click(function(e){ 
    ... 
    e.preventDefault(); 
    // or 
    return false; 
}); 

oder machen es

<button type="button" ...