APEX

Hello All,

Apex 3.1

I'm using the google AJAX api's (for autocomplete) and sometimes when my page loads I get the following 3 errors reported in Firebug. This only happens sometimes, which is odd, it seems to happen more often in IE than in Mozilla. I did some digging and perhaps it's some type of timing issue with the load timing? Can anyone give me some advice on how to solve this please?

XML tag name mismatch (expected META)
 Head></HTML>

XML tag name mismatch (expected META)
3D"></HEAD></HTML>

$ is not defined

{code}

Code in page header looks like this (there are many more functions, this is just a brief example)....

{code}
<link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js">
</script>

<script type="text/javascript">

$(function(){
 $('[name="f04"]').autocomplete({
  source: function(r,s){
   $.ajax({
    type:"POST",
    url:"wwv_flow.show",
    dataType:"json",
    data:{
     p_flow_id:$v('pFlowId'),
     p_instance:$v('pInstance'),
     p_flow_step_id:$v('pFlowStepId'),
     x01:r.term,
     p_request:"APPLICATION_PROCESS=GetOpenOrders"},
    success:function(d){
     s($.map(d.row,function(l){
      return{
       label:l.ORDER_NUMBER
      }
     }));
    }
   });
  },
  open:function(){$(this).removeClass("ui-corner-all").addClass("ui-corner-top");},
  close:function(){$(this).removeClass("ui-corner-top").remove("ui-corner-all");}
 });
});

</script>
{code}

Thanks for your help!