title: $ undefined even jquery is loaded
body: <p>OK, here's my issue
  I use following page to get the user timezone</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src="/js/jquery-2.1.4.js"&gt;&lt;/script&gt;
          &lt;script src="/js/jstz-1.0.4.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form id="tz-form" action="{{ URL::to('/') }}" method="post"&gt;
              &lt;input id="tz" type="hidden" name="timezone" value=""&gt;
          &lt;/form&gt;
          &lt;script&gt;
              $(document).ready(function(){
                  var timezone = jstz.determine();
                  $('#tz').val(timezone.name());
                  $('#tz-form').submit();
              });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>when I run the application firebug shows me following errors</p>
  
  <blockquote>
    <ol>
    <li>SyntaxError: expected expression, got '&lt;' html tag </li>
    <li>ReferenceError: PhpDebugBar is not defined    var phpdebugbar = new
    PhpDebugBar.DebugBar(); TypeError: $ is not a function</li>
    <li>$('#tz').val(timezone.name());</li>
    </ol>
  </blockquote>
  
  <p>I'm using laravel 5.1 and barryvdh/laravel-debugbar.
  Thank you</p>