title: Uncaught Reference Error: $ is not defined (anonymous function) $(function() does not work
body: <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
    &lt;head&gt;
      &lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type"&gt;
      &lt;meta content="utf-8" http-equiv="encoding"&gt;
      &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
      &lt;script language="Javascript" type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script language="Javascript" type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  
      &lt;style type="text/css"&gt;
          .ui-datepicker { font-size: 62.5%; }
      &lt;/style&gt;
  
      &lt;script&gt;
      $(function() {
          $("#StartDate").datepicker({ dateFormat: "yy-mm-dd" }).val();
          $("#EndDate").datepicker({ dateFormat: "yy-mm-dd" }).val();
      });
      &lt;/script&gt;
   &lt;/head&gt;
    &lt;body bgcolor='#6a7c99'&gt;
  &lt;input id='StartDate' type='text' style='position:absolute;top:35px;left:92px;width:55px;font-family:arial narrow;font-size:8pt;display:none;' name='StartDate'&gt;
    &lt;input id='EndDate' type='text' style='position:absolute;top:75px;left:92px;width:55px;font-family:arial narrow;font-size:8pt;display:none;' name='EndDate'&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This code does not work. $function() does not work and throws an error. Whats wrong? What other jQuery libraries should be included?</p>