theredstapler/jira-create-issue.html

## jira-create-issue.html
<html>
<head>
<script src="jquery-2.1.4.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="wrapper">
	<h1>Create Issue</h1>
	<form id="create-form">
		Summary: <input type="text" name="summary" id="summary" value=""/>
		Description: <input type="text" name="description" id="description" value="" />
		Issue Type: <input type="text" name="type" id="type" value=""/>
		Username: <input type="text" name="user" id="user" value=""/>
		Password: <input type="password" name="pass" id="pass" value=""/>
		<input type="button" id="button" value="Create Issue"/>
	</form>
</div>
<script>

$('#button').click(function() {
	 $.ajax({
	   type: "POST",
	   url: "jiraapi.php",
	   data: $('#create-form').serialize(),
	   success: function(data){
		  alert(data);
	   },
	   dataType: "html"
	});
});
</script>
</body>
</html>
	<html>
	<head>
	<script src="jquery-2.1.4.js"></script>
	<link rel="stylesheet" type="text/css" href="styles.css">
	</head>
	<body>
	<div id="wrapper">
	<h1>Create Issue</h1>
	<form id="create-form">
	Summary: <input type="text" name="summary" id="summary" value=""/>
	Description: <input type="text" name="description" id="description" value="" />
	Issue Type: <input type="text" name="type" id="type" value=""/>
	Username: <input type="text" name="user" id="user" value=""/>
	Password: <input type="password" name="pass" id="pass" value=""/>
	<input type="button" id="button" value="Create Issue"/>
	</form>
	</div>
	<script>

	$('#button').click(function() {
	$.ajax({
	type: "POST",
	url: "jiraapi.php",
	data: $('#create-form').serialize(),
	success: function(data){
	alert(data);
	},
	dataType: "html"
	});
	});
	</script>
	</body>
	</html>