form nya

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Media Panel">
    <meta name="author" content="Media Panel">
    <title>Media Panel - Register</title>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/font-awesome.css" type="text/css">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">
    <link rel="stylesheet" href="css/waves.css" type="text/css">
    <link rel="stylesheet" href="css/layout.css" type="text/css">
    <link rel="stylesheet" href="css/components.css" type="text/css">
    <link rel="stylesheet" href="css/plugins.css" type="text/css">
    <link rel="stylesheet" href="css/common-styles.css" type="text/css">
    <link rel="stylesheet" href="css/pages.css" type="text/css">
    <link rel="stylesheet" href="css/responsive.css" type="text/css">
    <link rel="stylesheet" href="css/matmix-iconfont.css" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" type="text/css">
</head>
<body>
<!--Topbar Start Here -->
<header class="top-bar">
    <div class="container-fluid top-nav">
        <div class="row">
				<div class="col-md-2">
					<div class="clearfix top-bar-action">
                                        	<div id="back-to-home">
                       <a href="landing.php" class="btn btn-outline btn-default"><i class="fa fa-home "></i></a>
					</div>
				</div>
        </div>
    </div>
</header>
<div class="col-md-12">
<div class="box-widget widget-module">
<div class="widget-head clearfix">
<span class="h-icon"><i class="fa fa-user-plus"></i></span>
<h4>Register</h4>
</div>
<div class="widget-container">
 <div class="widget-block">
<div id="loading"></div>
<div id="boxResult"></div>
<div class="form-group">
<label for="inputUsername">Username</label>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-user"></i></span>
</span>
<input type="text" class="form-control" name="username" id="username">
</div>
</div>

<div class="form-group">
<label for="inputEmail">Email</label>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-envelope"></i></span>
</span>
<input type="text" class="form-control" name="email" id="email">
</div>
</div>

<div class="form-group">
<label for="inputPhone">No. Telepon</label>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-mobile"></i></span>
</span>
<input type="text" class="form-control" name="noHP" id="noHP">
</div>
</div>

<div class="form-group">
<label for="inputPassword">Password</label>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-unlock-alt"></i></span>
</span>
<input type="password" class="form-control" name="password" id="password">
</div>
</div>


<label class="checkbox-inline">
<input type="checkbox" id="checkbox">Saya setuju dengan <a href="#">Persyatan</a> dan <a href="#">Kebijakan</a><br><br>
</label>
<div class="form-actions">
<button onclick="kirim();" class="btn btn-primary btn-md">Submit</button>
</div>
</div>
<script>
var loading = '<div class=\"progress\"><div class=\"progress-bar progress-bar-striped active\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 100%\"></div></div>';
function start(){
    $('#loading').html(loading);
}
function finish(){
    $('#loading').html("");
}
function kirim()
{
start();
post();
    var username = $('#username').val();
    var password = $('#password').val();
    var email = $('#email').val();
    var noHP = $('#noHP').val();
    $.ajax({
        url : 'register().php',
        data    : 'username='+username+'&password='+password+'&email='+email+'&noHP='+noHP,
        type    : 'POST',
        dataType: 'html',
        success : function(result){
hasil();
finish();
    $("#boxResult").html(result);
    }
    });
}
</script>