<script><br />
jQuery(document).ready(function () {<br />
jQuery.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quote%20where%20symbol%20in%20(%22BHI%22%2C%22IBM%22%2C%22HHZ14.NYM%22%2C%22AYJ14.NYM%22%2C%22CLM17.NYM%22)&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=',<br />
function (data) {<br />
var length = data.query.results.quote.length;<br />
console.log(data);<br />
var symbol = [];<br />
var change = [];<br />
var commName = [];<br />
var lastPrice = [];<br />
for (i = 0; i < length; i++) { <br />
symbol.push(data.query.results.quote[i].symbol);<br />
change.push(data.query.results.quote[i].Change);<br />
commName.push(data.query.results.quote[i].Name)<br />
lastPrice.push(data.query.results.quote[i].LastTradePriceOnly);<br />
} <br />
for(j = 0; j<change.length; j++)<br />
{<br />
var sign = change[j].substr(0, 1);<br />
if (sign === '-') {<br />
<br />
$('table').append('<tr><td>' + symbol[j] + '</td> <td>' + lastPrice[j] + '</td> <td style="color:green">' + change[j] + '</td> </tr>');<br />
<br />
} else {<br />
$('table').append('<tr><td>' + symbol[j] + '</td> <td>' + lastPrice[j] + '</td> <td style="color:red">' + change[j] + '</td> </tr>');<br />
<br />
}<br />
<br />
} <br />
<br />
});<br />
});<br />
</script><br />
<br />
<h2> Commodity Prices </h2><br />
<style><br />
font-family:'droid_sansregular';<br />
</style><br />
<table width="227" border="1" margin-top="-16px"><br />
<tr style="border:none;"><br />
<td><div align="center"> Stock </div></td><br />
<td><div align="center"> Value </div></td><br />
<td><div align="center"> Change </div></td><br />
</tr><br />
<tr style="border:none;" class="add"> <br />
</tr><br />
<br />
</table>