title: How to return value to console in javascript?
body: <p>I am trying to write some javascript that will return the value of toasty.png and bready.png when the user clicks on the respective text.  I'm able to return "Toast" and "bread" but not the other text.  Any advice? </p>
  
  <pre><code>&lt;script&gt;
      $(document).on('vclick', '.changePageButton', function() {
          console.log(this.text);
          //console.log(value within the image)
      });
  &lt;/script&gt;
  
  &lt;a class="changePageButton" value="Toast" data-transition="slide"&gt;
      &lt;input type = "hidden" name = "image" value = "toasty.png"&gt;
      &lt;input type = "hidden" name = "video" value = "video1.mpg"&gt;
      test
  &lt;/a&gt;
  
  &lt;a class="changePageButton" value="bread" data-transition="slide"&gt;
      &lt;input type = "hidden" name = "image" value = "bready.png"&gt;
      &lt;input type = "hidden" name = "video" value = "video2.mpg"&gt;
      test
  &lt;/a&gt;
  </code></pre>