Ajax request for autocomplete sends results back twice.

Ajax request for autocomplete sends results back twice.

I am sending a ajax request for search results and when I console.log() the results it sends the result back twice. Here is my code.

Any help would be appreciated. 
  2. //Ready the DOM
  3. $(function(){
  5. //Placeholder plugin for input text area
  6. $('input, textarea').placeholder();
  8. //bind a submit function to the form div
  9. $('form').bind('submit', function(e){ return false;});
  11. //variables for the input field, and search box div.
  12. var input = $('input').eq(0),
  13. search = $('#searchresults')
  14. ;
  16. //bind a keyup function to capture keystrokes
  17. input.bind('keyup', function(e){
  18. //variable that captures the values being put in the text field.
  19. var value = input.val();
  20. //fade in the search results box.
  21. search.fadeIn(500);
  23. //if statements for the up, down, esc, enter keystrokes.
  24. if(e.which === 38){ 
  26. }if(e.which === 40){
  28. }if(e.which === 13){
  29. search.find('li');
  30. }if(e.which === 27){
  31. search.fadeOut(500);
  33. //if statement that sends a ajax request when the keystrokes are 3 or more.
  34. }else if(value.length > 3){
  35. //the ajax request with options 
  36. $.ajax({
  37. url: 'xhr/vidsearch.php',
  38. type:'GET',
  39. dataType:'json',
  40. data:{q:$(this).val()},
  41. //success function with to show the results of the ajax request.
  42. success: function(response){
  43. //if statement to show a 'no result' response to input value that does not match ajax request.
  44. if(response.length) {
  45. $.each(response, function (i, item) {
  46. var listItem = $('<li><a href="'+ item.url+'"><img src="images/icons-small/'+ item.icon +'" /><span>'+item.title+'</span></a></li>')
  47. .appendTo(search);
  48. })
  49. }
  50.     }
  51.     
  52.         });
  54.  }
  55. return false
  57. });
  59. //binds a focusout function to the input field when the user click outside the search box the result box fades out.
  60. input.bind('focusout', function(e){
  61. search.fadeOut(500);
  62. });
  63. });