title: HTML and JavaScript: Change button text (Toggle)
body: <p>I need to change a button's text, however I think the issue I don't understand is how to change it back using separate files. I need to use jQuery to toggle pictures. This will hide the image and show the image. The button is "hard coded" I think in both the HTML and JavaScript.  </p>
  
  <p>The button is showing "hide" to initially hide the image. Once the button is clicked the image disappears and the button's text turns to "Show". However it will not turn back to "hide".</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img src="sky.jpg" id="sky"&gt;
  &lt;input type='button' onclick="js/toggle.js" id="skybutton" value="Hide"&gt;
  
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/toggle.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$('#skybutton').click(function() {
      $("#sky").toggle();
      $(skybutton).val('Show');
  });
  </code></pre>