JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-0.10.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/jsx">
	/*** @jsx React.DOM */
	var weatherWidget = React.createClass({
		loadData: function(){
		    $.ajax({
				url: 'http://query.yahooapis.com/v1/public/yql?q=select%20item%20from%20weather.forecast%20where%20location%3D%2222102%22&format=json',
		    	dataType : "jsonp",
		    	cache: false,
		    	success: function(data) {
			      	console.log(data)
			        this.setState({data: data});
		      }.bind(this)
		    });
		},
		getInitialState: function(){
			return {data: []};
			},
			componentWillMount: function(){
				this.loadData();
			},
		render: function(){
			return(
				<div className="ww-container">
					<div className="ww-current-condition">
						<div className="ww-current-temperture">{this.state.data.query.results.channel.item.condition.temp}&deg;</div>
					</div>
				</div>
			)
		}
	});

	React.renderComponent(<weatherWidget />, document.body);
</script>