title: JQuery function uncaught reference error
body: <p>I hate to ask such a basic question, but I am having a hard time finding solid examples online. I'm green to all of this.</p>
  
  <p>I have the following HTML Page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
   &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" &gt;
    $(function (Function1() {
     alert('Hello from JavaScript!');
    }));
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;button onclick="Function1()"&gt;
          Click me!
      &lt;/button&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I receive the following error in the chrome console on click:</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: Function1 is not defined </p>
  </blockquote>
  
  <p>It has to be something obvious, but I don't know why my function call isn't working. I must have some kind of JQuery specific syntax wrong.</p>