Div no desaparece

En mi barra superior de búsqueda a la hora de escribir un nombre me salta una lista pero si quiero hacerla desaparecer haciendo clic en otro lado no desaparece alguna idea?

Fácil, para ocultar la barra #show_results haciendo click en cualquier lugar es con un:

Código Javascript :

$(document).click(function(){
$('#show_results').hide();
});

y si quieres que se oculte con el botón esc:

Código Javascript :

$(document).bind('keydown',function(e){ 
if ( e.which == 27 ) { e.preventDefault();
$('#show_results').hide();
};});

Soy muy nuevo en javascript este es el código completo como lo acoplaría?

Código Javascript :

function GetXmlHttpObject(handler)
{
  var objXMLHttp=null
  if (window.XMLHttpRequest)
  {
      objXMLHttp=new XMLHttpRequest()
  }
  else if (window.ActiveXObject)
  {
      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
  return objXMLHttp
}

function stateChanged()
{
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  {
          // show_results will be filled with new page
          document.getElementById("show_results").innerHTML = xmlHttp.responseText;
        document.getElementById("show_results").scrollIntoView();
  }
}

function htmlData(url, terms, pag)
{
  if (url.length==0)
  {
      document.getElementById("show_results").innerHTML = "";
      return;
  }

  xmlHttp = GetXmlHttpObject();

  if (xmlHttp==null)
  {
      alert ("Browser does not support HTTP Request");
      return;
  }

  url=url+"?"+terms+"&"+pag;
  url=url+"&sid="+Math.random();
  xmlHttp.onreadystatechange = stateChanged;
  xmlHttp.open("GET",url,true) ;
  xmlHttp.send(null);
}

Pdt: si conocen un buen curso de java envíenme el link

Java y JavaScript son dos cosas diferentes.

Aclaro que aun no se mucho solo manejo mysql html css y php aclaro javascript entonces

Alguien me ayuda?