Form is not submitting data via POST or GET

I've recently been working on a website's user registration system and I just finished the front end, it is using parsleyjs to validate the values in the form.

The problem I have is when the form is submitted no values are passed, is there any reason for this happening?

Form Code

<form role="form" method="get" data-validate="parsley" id="register" action="register/2/">
      <div class="form-group">
        <label for="userFirstName">Frist Name</label>
        <input type="text" class="form-control" id="userFirstName" placeholder="John" data-required="true" data-trigger="change">
      </div>
      <div class="form-group">
        <label for="userLastName">Last Name</label>
        <input type="text" class="form-control" id="userLastName" placeholder="Newman" data-required="true" data-trigger="change">
      </div>
      <div class="form-group">
        <label for="username">Username</label>
        <input type="text" class="form-control" id="username" placeholder="NewJohn101" data-required="true" data-trigger="change" data-usernamecheck="true">
      </div>

      <div class="form-group">
        <label for="userEmail">Email address</label>
        <input type="email" class="form-control" id="userEmail" placeholder="Email" data-trigger="change" data-required="true" data-type="email">
      </div>

      <div class="form-group">
        <label for="userPassword">Password</label>
        <input type="password" class="form-control" id="userPassword" placeholder="Password" data-required="true" data-trigger="change">
      </div>
      <div class="form-group">
        <label for="userPasswordRetype">Re-Type Password</label>
        <input type="password" class="form-control" id="userPasswordRetype" placeholder="Re-Type Password" data-required="true" data-equalto="#userPassword" data-trigger="change">
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
</form>