isstaif/hello.html

## hello.html
<html>

	<head>
		<title>Hello, World!</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" ></script>

	</head>


	<body>

		<h1>Abdul rahman</h1>

		<p>Comment box</p>
		<input type='text' id='comment-box'>

		<button id="submit">comment</button>
		<hr />

		<h2>Comments area</h2>
		<div id='comments-area'>
			<p>first comment</p>
			<hr />
			<p>second comment</p>
			<hr />
		</div>

		<script>

			function getText(){
				var text = $('#comment-box').val()

				var comment = $('<p>' + text + '</p><hr />')

				$('#comments-area').append(comment)

				$('#comment-box').val('')

			}

			$('#submit').click(getText)


		</script>


	</body>
</html>
	<html>

	<head>
	<title>Hello, World!</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" ></script>

	</head>



	<body>

	<h1>Abdul rahman</h1>

	<p>Comment box</p>
	<input type='text' id='comment-box'>

	<button id="submit">comment</button>
	<hr />

	<h2>Comments area</h2>
	<div id='comments-area'>
	<p>first comment</p>
	<hr />
	<p>second comment</p>
	<hr />
	</div>

	<script>

	function getText(){
	var text = $('#comment-box').val()

	var comment = $('<p>' + text + '</p><hr />')

	$('#comments-area').append(comment)

	$('#comment-box').val('')

	}

	$('#submit').click(getText)


	</script>



	</body>
	</html>