cheneytsai/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Gist for Firebase Demo" />
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src='https://cdn.firebase.com/js/client/2.0.4/firebase.js'></script>
</head>
<body>
    <div id='messagesDiv'></div>
    <input type='text' id='nameInput' placeholder='Name'>
    <input type='text' id='messageInput' placeholder='Message'>
<script id="jsbin-javascript">
var myDataRef = new Firebase('https://ryngo19u5qp.firebaseio-demo.com/');

$('#messageInput').keypress(function (e) {
  if (e.keyCode == 13) {
    var name = $('#nameInput').val();
    var text = $('#messageInput').val();
    myDataRef.push({name: name, text: text});
    $('#messageInput').val('');
  }
});

myDataRef.on('child_added', function(snapshot) {
  var message = snapshot.val();
  displayChatMessage(message.name, message.text);
});


function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};
</script>

<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta name="description" content="Gist for Firebase Demo" />
<script src="//code.jquery.com/jquery-2.1.1.min.js"><\/script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src='https://cdn.firebase.com/js/client/2.0.4/firebase.js'><\/script>
</head>
<body>
    <div id='messagesDiv'></div>
    <input type='text' id='nameInput' placeholder='Name'>
    <input type='text' id='messageInput' placeholder='Message'>
</body>
</html></script>


<script id="jsbin-source-javascript" type="text/javascript">var myDataRef = new Firebase('https://ryngo19u5qp.firebaseio-demo.com/');

$('#messageInput').keypress(function (e) {
  if (e.keyCode == 13) {
    var name = $('#nameInput').val();
    var text = $('#messageInput').val();
    myDataRef.push({name: name, text: text});
    $('#messageInput').val('');
  }
});

myDataRef.on('child_added', function(snapshot) {
  var message = snapshot.val();
  displayChatMessage(message.name, message.text);
});


function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};</script></body>
</html>

## jsbin.zoluguwika.js
var myDataRef = new Firebase('https://ryngo19u5qp.firebaseio-demo.com/');

$('#messageInput').keypress(function (e) {
  if (e.keyCode == 13) {
    var name = $('#nameInput').val();
    var text = $('#messageInput').val();
    myDataRef.push({name: name, text: text});
    $('#messageInput').val('');
  }
});

myDataRef.on('child_added', function(snapshot) {
  var message = snapshot.val();
  displayChatMessage(message.name, message.text);
});


function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Gist for Firebase Demo" />
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<script src='https://cdn.firebase.com/js/client/2.0.4/firebase.js'></script>
	</head>
	<body>
	<div id='messagesDiv'></div>
	<input type='text' id='nameInput' placeholder='Name'>
	<input type='text' id='messageInput' placeholder='Message'>
	<script id="jsbin-javascript">
	var myDataRef = new Firebase('https://ryngo19u5qp.firebaseio-demo.com/');

	$('#messageInput').keypress(function (e) {
	if (e.keyCode == 13) {
	var name = $('#nameInput').val();
	var text = $('#messageInput').val();
	myDataRef.push({name: name, text: text});
	$('#messageInput').val('');
	}
	});

	myDataRef.on('child_added', function(snapshot) {
	var message = snapshot.val();
	displayChatMessage(message.name, message.text);
	});


	function displayChatMessage(name, text) {
	$('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
	$('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
	};
	</script>

	<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Gist for Firebase Demo" />
	<script src="//code.jquery.com/jquery-2.1.1.min.js"><\/script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<script src='https://cdn.firebase.com/js/client/2.0.4/firebase.js'><\/script>
	</head>
	<body>
	<div id='messagesDiv'></div>
	<input type='text' id='nameInput' placeholder='Name'>
	<input type='text' id='messageInput' placeholder='Message'>
	</body>
	</html></script>


	<script id="jsbin-source-javascript" type="text/javascript">var myDataRef = new Firebase('https://ryngo19u5qp.firebaseio-demo.com/');

	$('#messageInput').keypress(function (e) {
	if (e.keyCode == 13) {
	var name = $('#nameInput').val();
	var text = $('#messageInput').val();
	myDataRef.push({name: name, text: text});
	$('#messageInput').val('');
	}
	});

	myDataRef.on('child_added', function(snapshot) {
	var message = snapshot.val();
	displayChatMessage(message.name, message.text);
	});


	function displayChatMessage(name, text) {
	$('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
	$('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
	};</script></body>
	</html>