<div class="signup">
<div class="popover-markup" >
<span class="trigger">
<a href="#" class="btn btn-primary btn-sm register" role="button"><i class="fa fa-pencil" aria-hidden="true"></i> Register </a></br>
</span>
<div class="content hide content2" id="reg">
<form class="form-horizontal" id="formRegister" action="#" >
<div class="form-group form-group-md form-pic">
<i class="fa fa-pencil-square-o fa-3x" aria-hidden="true"></i>
</span>
</div>
<div class="form-group ">
<div class="col-sm-12">
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>
<input class="form-control" type="text" name="name" id="name" required placeholder="Enter name">
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
<input class="form-control" type="email" name="email" id="email" required placeholder="Email address">
</div>
</div>
</div>
<div class="form-group " >
<div class="col-sm-12">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
<input class="form-control" type="password" name="password" id="password" required placeholder="Password">
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2">
<button type="submit" onclick="registration()" class="btn btn-danger btn-sm register_in_button"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i> Register </button>
</div>
</div>
</form>
</div>
</div>
</div>
I want to serialize this form in jquery but it doesn't show any values, this is my jquery code
var form = $('div.content2 #formRegister').serialize();
what do i do wrong, can someone help me please?!