title: jQuery onClick Function not working
body: <p>I have a function that I placed inside the document.ready and the function is called from onclick of a specific button. Nothing happens when the button is clicked. </p>
  
  <pre><code>$(document).ready(function() 
  {
      function myFunctionDelete()
      {
          alert("Delete Clicked.");
      }
  }
  </code></pre>
  
  <p>and here is the corresponding HTML linked to that button.</p>
  
  <pre><code>&lt;form action="edit.php" method="POST"&gt;
      &lt;table&gt;
      &lt;tr id="formTitle" name="formTitle"&gt;&lt;strong&gt;Edit Event Now&lt;/strong&gt;&lt;/tr&gt;
      &lt;input type="hidden" id="deletedHidden" name="deletedHidden" value="" /&gt;
      &lt;input type="hidden" id="dateForm2" name="dateForm2" value="" /&gt;
      &lt;input type="hidden" id="titleEditOld" name="titleEditOld" value="" /&gt;
      &lt;tr id="formTitle"&gt;&lt;td&gt;&lt;label id="titleLabel" for="Title"&gt;&lt;strong&gt;Title:&lt;/strong&gt;&lt;/label&gt;&lt;input id="titleEdit" name="titleEdit" type="text" value="Event Title"&gt;
      &lt;tr id="formTitle"&gt;&lt;td&gt;&lt;label for="startTimeHours"&gt;&lt;strong&gt;Time:&lt;/strong&gt;&lt;/label&gt;&lt;select id="startHours" name="startHours"&gt;&lt;option&gt;--&lt;/option&gt;                                                                                        &lt;option&gt;12&lt;/option&gt;                                                                                         &lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;                                                                                        &lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;
                                                                                            &lt;option&gt;5&lt;/option&gt;&lt;option&gt;6&lt;/option&gt;
                                                                                            &lt;option&gt;7&lt;/option&gt;&lt;option&gt;8&lt;/option&gt;
                                                                                            &lt;option&gt;9&lt;/option&gt;&lt;option&gt;10&lt;/option&gt;
                                                                                            &lt;option&gt;11&lt;/option&gt;&lt;/select&gt;
      &lt;select id="startMinutes" name="startMinutes"&gt;&lt;option&gt;--&lt;/option&gt;                                                                                         &lt;option&gt;00&lt;/option&gt;
                                                                                            &lt;option&gt;05&lt;/option&gt;&lt;option&gt;10&lt;/option&gt;
                                                                                            &lt;option&gt;15&lt;/option&gt;&lt;option&gt;20&lt;/option&gt;
                                                                                            &lt;option&gt;25&lt;/option&gt;&lt;option&gt;30&lt;/option&gt;
                                                                                            &lt;option&gt;35&lt;/option&gt;&lt;option&gt;40&lt;/option&gt;
                                                                                            &lt;option&gt;45&lt;/option&gt;&lt;option&gt;50&lt;/option&gt;
                                                                                            &lt;option&gt;55&lt;/option&gt;&lt;/select&gt;
  
      &lt;input type="radio" name="AMPM" value="am"&gt;am
      &lt;input type="radio" name="AMPM" value="pm"&gt;pm&lt;br&gt;
      &lt;p&gt;&lt;strong&gt;All Day Event?&lt;/strong&gt;
      &lt;input type="checkbox" name="AllDay" value="true"&gt;&lt;/p&gt;                                                                
      &lt;tr id=formTitle"&gt;&lt;td&gt;&lt;input id="submit" type="submit" value="Submit"&gt;
      &lt;button type="button" onclick="myFunctionDelete()"&gt;Delete Event&lt;/button&gt;
      &lt;/table&gt;
  </code></pre>