Untitled

<!DOCTYPE html>
    <html>
     <head>
    <title>FE-Course. Part 3 | Registration form</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <header class="container">
        <h1 class="text-center">Registration form</h1>
    </header>
    <section class="container">
        <form name="registration" class="form-horizontal" data-toggle="validator">
            <div class="form-group required">
                <legend class="col-sm-12">Registration info</legend>
                <div class="col-sm-6">
                  <input type="text" class="form-control" id="name" placeholder="Full Name" required>
                </div>
                <div class="col-sm-6">
                  <input type="text" class="form-control" id="login" placeholder="Login" required>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-6">
                  <input type="email" class="form-control" id="email1" placeholder="Email" required>
                </div>
                <div class="col-sm-6">
                  <input type="email" class="form-control" id="email2" placeholder="Confirm Email" required>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-6">
                  <input type="password" class="form-control" id="password1" placeholder="Password" required>
                </div>
                <div class="col-sm-6">
                  <input type="password" class="form-control" id="password2" placeholder="Confirm Password" required>
                </div>
            </div>
            <fieldset>
                <legend>Address</legend>
                <div class="form-group">
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="city" placeholder="City" required>
                    </div>
                    <div class="col-sm-2">
                      <input type="text" class="form-control" id="zip" placeholder="ZIP Code">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-5">
                        <select class="form-control" id="state" name="state">
                          <option value="_none">Select State</option>
                          <option value="value1">State 1</option>
                          <option value="value2">State 2</option>
                          <option value="value3">State 3</option>
                        </select>
                    </div>
                    <div class="col-sm-5">
                      <input type="text" class="form-control" id="street" placeholder="Street">
                    </div>
                    <div class="col-sm-2">
                      <input type="text" class="form-control" id="building" placeholder="Building">
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend>Your Hobbies</legend>
                <div class="form-group">
                    <div class="checkbox col-sm-3">
                        <label>
                          <input type="checkbox"> Music
                        </label>
                    </div>
                    <div class="checkbox col-sm-3">
                        <label>
                          <input type="checkbox"> Cycling
                        </label>
                    </div>
                    <div class="checkbox col-sm-3">
                        <label>
                          <input type="checkbox"> Front End
                        </label>
                    </div>
                    <div class="checkbox col-sm-3">
                        <label>
                          <input type="checkbox"> Girls
                        </label>
                    </div>
                </div>
            </fieldset>
            <div class="form-group">
                <div class="col-sm-12">
                    <legend>How did you hear about us?</legend>
                    <select class="form-control" id="about">
                      <option value="_none">Select Please</option>
                      <option value="value1">Google</option>
                      <option value="value2">Friends</option>
                      <option value="value3">Newspapers</option>
                    </select>
                </div>
            </div>
            <button class="btn btn-primary btn-lg center-block" type="submit">Register Profile</button>
        </form>
    </section>
    <script src="jquery-2.1.3.min.js"></script>
    <script src="main.js"></script>
</body>

$.ajax({
      url: 'https://randomuser.me/api/',
      dataType: 'json',
      success: function(data){
      console.log(data);
     }
   });

unction populate(frm, data) {
$.each(data, function(key, value){
    $('[name='+key+']', frm).val(value);
});
    }

    var data = '{"name":"susanna fleming","login":"greenbutterfly745",    "email":"susanna.fleming@example.com", "confirm email":"susanna.fleming@example.com"}';

    populate('form', $.parseJSON(data));