You have several mistakes in your JS code:
- Incorrect selector for a button:
$('getupdate')
=>$('#getupdate')
; - Wrong quotes inside
url
value; - Wrong query string to Yahoo API;
- Wrong comment sign
\\For Example:FB
.
Your JS should be like this:
jQuery(document).ready(function($){
$('#getupdate').click(function() {
var symbol = $('input[id=symb]').val();
var url = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%3D%22' + symbol + '%22&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=';
$.getJSON(url, function(data) {
var items = [];
$('#results').html('');
$.each(data.query.results.quote, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', { 'class': 'my-new-list', html: items.join('')}).appendTo('#results');
});
});
});
And please add this code after <button>
tag in your HTML. This will help you easily clear results before new query:
<div id="results"></div>
Here is an example: http://jsfiddle.net/6EFqk/1/
I'm not shure that ouput format is correct, please reformat it as you like.