jamesjacobs

<div class="form__group has-error">
    <label for="name" class="control__label">Name</label>
    <div class="controls">
        <input id="name" name="name" type="text" aria-describedby="guid-836139621 guid-677110833" aria-invalid="true" class="form__control">
        <span class="help-block is-error" role="alert" id="guid-836139621"><i aria-hidden="true" class="icon-warning-sign"></i> Please enter your full name</span>
        <span class="help-block" id="guid-677110833">Your full name, including any middle names</span>
    </div>
</div>

jamesjacobs

<div class="form__group has-error">
    <label for="name" class="control__label">Name</label>
    <div class="controls">
        <input id="name" name="name" type="text" class="form__control">
        <span class="help-block is-error">
            <i aria-hidden="true" class="icon-warning-sign"></i> 
            Please enter your full name
        </span>
        <span class="help-block">
            Your full name, including any middle names

jamesjacobs

{{
    form.text({
        'id': 'name',
        'name': 'name',
        'label': 'Name',
        'help': 'Your full name, including any middle names',
        'error': 'Please enter your full name'
    })
}}

jamesjacobs

{{
    form.text({
        'id': 'name',
        'name': 'name',
        'label': 'Name',
        'help': 'Your full name, including any middle names',
        'error': 'Please enter your full name'
    })
}}

jamesjacobs

<p><a href="http://www.skysports.com/">An ordinary link</a></p>

<p><a href="http://www.skysports.com/" class="button button--primary">Primary     Button</a></p>

<p><a href="#" class="button button--disabled">Disabled button</a></p>

jamesjacobs

<script src="js/local-storage.js"></script>

jamesjacobs

initialize: function() {

        // Create a new store
        // this.store = new WebSqlDB();
        this.store = new LocalStorageDB();

jamesjacobs

var LocalStorageDB = function(successCallback, errorCallback) {

    // Used to simulate async calls. This is done to provide a consistent interface with storage methods like WebSQL and serverside ajax calls
    var callDelay = function(callback, data) {
        if (callback) {
            setTimeout(function() {
                callback(data);
            }, 100);
        }
    }

jamesjacobs

// serializeObject jQuery plugin
$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }

jamesjacobs

app.initialize();