<section ng-app="app" ng-controller="MainCtrl">
  <form class="well" name="addRelation" data-ng-click="save(model)">
    <label>First Name</label>
    <input type="text" placeholder="First Name" data-ng-model="model.firstName" id="FirstName" name="FirstName" required/><br/>
    <span class="text-error" data-ng-show="addRelation.submitted && addRelation.FirstName.$invalid">First Name is required</span><br/>
    <label>Last Name</label>
    <input type="text" placeholder="Last Name" data-ng-model="model.lastName" id="LastName" name="LastName" required/><br/>
    <span class="text-error" data-ng-show="addRelation.submitted && addRelation.LastName.$invalid">Last Name is required</span><br/>
    <input type="email" placeholder="Email" data-ng-model="" id="Email" name="Email" required/><br/>
    <span class="text-error" data-ng-show="addRelation.submitted && addRelation.Email.$error.required">Email address is required</span>
    <span class="text-error" data-ng-show="addRelation.submitted && addRelation.Email.$">Email address is not valid</span><br/>
    <input class="btn" type="submit" value="SAVE" />  

↑ Insert the most common viewport meta tag


              form {
  width: 300px;
  margin: 10px auto;
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint


              var app = angular.module('app', []);

app.controller('MainCtrl', function($scope) {  
  $ = function(model) {
    $scope.addRelation.submitted = true;
    if($scope.addRelation.$valid) {
      // submit to db
    } else {
      console.log('Errors in form data');
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................