title: How can I trigger an event when this span value changes?
body: <p>I'm trying to get a console log when the price of the current page's stock changes.</p>
  
  <p><strong>page:</strong>
  <a href="https://www.google.com/finance?q=NASDAQ%3AGOOG&amp;ei=yvbRVbHSCcKgmAGyu7CoDA" rel="noreferrer">https://www.google.com/finance?q=NASDAQ%3AGOOG&amp;ei=yvbRVbHSCcKgmAGyu7CoDA</a></p>
  
  <p><strong>Element ID:</strong>
  #price-panel > div > span > span</p>
  
  <p><strong>Attempt 1:</strong> <em>fail</em></p>
  
  <pre><code>$("#price-panel div span span").onchange = function() { console.log('change')}
  </code></pre>
  
  <p><strong>Attempt 2:</strong> <em>fail</em></p>
  
  <pre><code>document.getElementById('price-panel').children[0].children[0].onchange = function() { console.log('change')}
  </code></pre>
  
  <p>builtwith.com says the javascript is the "google api" which is ambiguous to google searches so that didn't help much.</p>
  
  <p>What event can I watch to find out when this element is change?</p>