From 932bc0ab657739fe83d0f81663285b1b6829c041 Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Tue, 4 Aug 2015 23:24:26 -0700
Subject: [PATCH 1/7] continue working on jquery challenges

---
 seed/challenges/jquery-ajax-and-json.json | 546 +++++++++++++++++++++-
 1 file changed, 544 insertions(+), 2 deletions(-)

diff --git a/seed/challenges/jquery-ajax-and-json.json b/seed/challenges/jquery-ajax-and-json.json
index ed9c2c64c9..d4158154cd 100644
--- a/seed/challenges/jquery-ajax-and-json.json
+++ b/seed/challenges/jquery-ajax-and-json.json
@@ -793,9 +793,9 @@
       "difficulty": 3.16,
       "description": [
         "You can also target all the even-numbered elements.",
-        "Note that computers start counting at zero, so technically, the first element is actually element number zero, which is an odd number.",
+        "Note that computers start counting at zero, so technically, the first element is actually element number zero, which is an even number.",
         "So what a human would consider odd numbers: 1, 3, 5, 7 - a computer would actually consider odd numbers.",
-        "Here's how you would target all the odd-numbered elements with class \"target\" and give them classes: <code>$('.target:odd').addClass('animated shake');</code>",
+        "Here's how you would target all the odd-numbered elements with class \"target\" and give them classes: <code>$('.target:odd').addClass('animated bounce');</code>",
         "Try selecting all the even-numbered elements - that is, what your browser will consider even-numbered elements - and giving them the classes of \"animated\" and \"shake\"."
       ],
       "tests": [
@@ -846,6 +846,67 @@
       "challengeType": 0
     },
 
+    {
+      "id": "bad87fee1348bd9bed008826",
+      "name":  "Waypoint: Target Odd Numbered Elements Using jQuery",
+      "dashedName":  "waypoint-target-odd-numbered-elements-using-jquery",
+      "difficulty": 3.165,
+      "description": [
+        "You can also target all the odd-numbered elements.",
+        "Note that computers start counting at zero, so technically, the first element is actually element number zero, which is an even number.",
+        "So what a human would consider odd numbers: 1, 3, 5, 7 - a computer would actually consider odd numbers.",
+        "Here's how you would target all the even-numbered elements with class \"target\" and give them classes: <code>$('.target:even').addClass('animated bounce');</code>",
+        "Try selecting all the odd-numbered elements - that is, what your browser will consider even-numbered elements - and giving them the classes of \"animated\" and \"fadeOut\"."
+      ],
+      "tests": [
+        "assert($('.target:odd').hasClass('animated') && ($('.target:odd').hasClass('fadeOut') || $('.target:odd').hasClass('fadeout')), 'All the \"target\" elements that computer considers odd should fade out.')",
+        "assert(editor.match(/\\:even/g), 'You should use the <code>&#58;even</code> function to modify these elements.')",
+        "assert(editor.match(/<button class=\\'btn btn-default target\\' id=\\'target2\\'>/g), 'Only use jQuery to add these classes to the element.')"
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('#target1').css('color', 'red');",
+        "    $('#target1').prop('disabled', true);",
+        "    $('#target4').remove();",
+        "    $('#target2').appendTo('#right-well');",
+        "    $('#target5').clone().appendTo('#left-well');",
+        "    $('#target1').parent().css('background-color', 'red');",
+        "    $('#right-well').children().css('color', 'green');",
+        "    $('#left-well').children().css('color', 'green');",
+        "    $('.target:nth-child(2)').addClass('animated bounce');",
+        "    $('.target:even').addClass('animated shake');",
+        "",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
+        "  <div class='row'>",
+        "    <div class='col-xs-6'>",
+        "      <h4>#left-well</h4>",
+        "      <div class='well' id='left-well'>",
+        "        <button class='btn btn-default target' id='target1'>#target1</button>",
+        "        <button class='btn btn-default target' id='target2'>#target2</button>",
+        "        <button class='btn btn-default target' id='target3'>#target3</button>",
+        "      </div>",
+        "    </div>",
+        "    <div class='col-xs-6'>",
+        "      <h4>#right-well</h4>",
+        "      <div class='well' id='right-well'>",
+        "        <button class='btn btn-default target' id='target4'>#target4</button>",
+        "        <button class='btn btn-default target' id='target5'>#target5</button>",
+        "        <button class='btn btn-default target' id='target6'>#target6</button>",
+        "      </div>",
+        "    </div>",
+        "  </div>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
     {
       "id": "bad87fee1348bd9aecb08826",
       "name":  "Waypoint: Use jQuery to Modify the Entire Page",
@@ -873,6 +934,7 @@
         "    $('#left-well').children().css('color', 'green');",
         "    $('.target:nth-child(2)').addClass('animated bounce');",
         "    $('.target:even').addClass('animated shake');",
+        "    $('.target:even').addClass('animated fadeOut');",
         "",
         "  });",
         "fcces",
@@ -902,6 +964,486 @@
         "</div>"
       ],
       "challengeType": 0
+    },
+
+    {
+      "id": "bad87fee1348bd9aeca08826",
+      "name":  "Waypoint: Trigger on click Events with jQuery",
+      "dashedName":  "waypoint-trigger-onclick-events-with-jquery",
+      "difficulty": 3.19,
+      "description": [
+        "<code>.on('click', function() {</code>",
+        "",
+        "});</code>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {</code>",
+        "",
+        "<code>  });</code>",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <form action=\"/submit-cat-photo\">",
+        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "    <input type='text' placeholder='cat photo URL' required>",
+        "    <button type='submit'>Submit</button>",
+        "  </form>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc58826",
+      "name":  "Waypoint: Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc48826",
+      "name":  "Waypoint: Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc38826",
+      "name":  "Waypoint: Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text('happy text');",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc28826",
+      "name":  "Waypoint: Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc18826",
+      "name":  "Waypoint: Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad87fee1348bd9aecc08826",
+      "name":  "Waypoint: Trigger onHover Events with jQuery",
+      "dashedName":  "waypoint-trigger-onhover-events-with-jquery",
+      "difficulty": 3.18,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+
+      ],
+      "challengeType": 0
+    },
+
+
+    {
+      "id": "bad87fee1348bd9aebc08726",
+      "name":  "Waypoint: Learn how JSON Works",
+      "dashedName":  "waypoint-learn-how-json-works",
+      "difficulty": 3.21,
+      "description": [
+        "JSON stands for \"JavaScript Object Notation\". It's how you create objects in JavaScript.",
+        "JSON is a series of \"key-value pairs\". Everything on the left of the colon (<code>:</code>) is the \"key\" you use to unlock the \"value\" on the right of the colon."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "[",
+        "  {",
+        "    \"id\": 0,",
+        "    \"imageLink\": \"http://rs611.pbsrc.com/albums/tt194/allypopper423/Funny-Cat-Green-Avacado.jpg~c200\",",
+        "    \"codeNames\": [",
+        "      \"Juggernaut\",",
+        "      \"Mrs. Wallace\",",
+        "      \"Buttercup\"",
+        "    ]",
+        "  },",
+        "  {",
+        "    \"id\": 1,",
+        "    \"imageLink\": \"http://cdn.grumpycats.com/wp-content/uploads/2012/09/GC-Gravatar-copy.png\",",
+        "    \"codeNames\": [",
+        "      \"Oscar\",",
+        "      \"Scrooge\",",
+        "      \"Tyrion\"",
+        "    ]",
+        "  },",
+        "  {",
+        "    \"id\": 2,",
+        "    \"imageLink\": \"http://www.kittenspet.com/wp-content/uploads/2012/08/cat_with_funny_face_3-200x200.jpg\",",
+        "    \"codeNames\": [",
+        "      \"The Doctor\",",
+        "      \"Loki\",",
+        "      \"Joker\"",
+        "    ]",
+        "  }",
+        "]"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad87fee1348bd9aebc08826",
+      "name":  "Waypoint: Get Data from an URL Using jQuery",
+      "dashedName":  "waypoint-get-data-from-a-url-using-jquery",
+      "difficulty": 3.21,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad87fee1348bd9ae9c08826",
+      "name":  "Waypoint: Loop through JSON Data Using jQuery",
+      "dashedName":  "waypoint-loop-through-json-data-using-jquery",
+      "difficulty": 3.22,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08726",
+      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08626",
+      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08526",
+      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08426",
+      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
+        "        $(\"<h3>Code name: \" + kitten.codeNames[random()] + \"</h3>\").appendTo('#output');",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0
     }
   ]
 }

From fa86f650e25f479e9f674bd2cd65770d5ad6078f Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Tue, 4 Aug 2015 23:31:00 -0700
Subject: [PATCH 2/7] update cats to fetch from s3

---
 public/json/cats.json              |  6 +--
 seed/challenges/bootstrap.json     | 68 +++++++++++++++---------------
 seed/challenges/html5-and-css.json | 50 +++++++++++-----------
 3 files changed, 62 insertions(+), 62 deletions(-)

diff --git a/public/json/cats.json b/public/json/cats.json
index 209e8ae685..84d9d1b243 100644
--- a/public/json/cats.json
+++ b/public/json/cats.json
@@ -1,7 +1,7 @@
 [
   {
     "id": 0,
-    "imageLink": "http://rs611.pbsrc.com/albums/tt194/allypopper423/Funny-Cat-Green-Avacado.jpg~c200",
+    "imageLink": "https://s3.amazonaws.com/freecodecamp/funny-cat.jpg",
     "codeNames": [
       "Juggernaut",
       "Mrs. Wallace",
@@ -10,7 +10,7 @@
   },
   {
     "id": 1,
-    "imageLink": "http://cdn.grumpycats.com/wp-content/uploads/2012/09/GC-Gravatar-copy.png",
+    "imageLink": "https://s3.amazonaws.com/freecodecamp/grumpy-cat.jpg",
     "codeNames": [
       "Oscar",
       "Scrooge",
@@ -19,7 +19,7 @@
   },
   {
     "id": 2,
-    "imageLink": "http://www.kittenspet.com/wp-content/uploads/2012/08/cat_with_funny_face_3-200x200.jpg",
+    "imageLink": "https://s3.amazonaws.com/freecodecamp/mischievous-cat.jpg",
     "codeNames": [
       "The Doctor",
       "Loki",
diff --git a/seed/challenges/bootstrap.json b/seed/challenges/bootstrap.json
index 5a89962f12..eaec28238b 100644
--- a/seed/challenges/bootstrap.json
+++ b/seed/challenges/bootstrap.json
@@ -50,7 +50,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -92,14 +92,14 @@
       "dashedName": "waypoint-make-images-mobile-responsive",
       "difficulty": 2.02,
       "description": [
-        "First, Add a new image with the <code>src</code> attribute of \"http://bit.ly/fcc-kittens2\".",
+        "First, Add a new image with the <code>src</code> attribute of \"http://bit.ly/fcc-running-cats\".",
         "It would be great if this image could be exactly the width of our phone's screen.",
         "Fortunately, with Bootstrap, all we need to do is add the \"img-responsive\" class to your image. Do this, and the image should perfectly fit the width of your page."
       ],
       "tests": [
         "assert($('img').length > 1, 'You should have a total of two images.')",
         "assert($('img').hasClass('img-responsive'), 'Your new image should have the class \"img-responsive\".')",
-        "assert(new RegExp('http://bit.ly/fcc-kittens2', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-kittens2</code>.')"
+        "assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-kittens2</code>.')"
       ],
       "challengeSeed": [
         "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
@@ -134,7 +134,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -216,9 +216,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -301,9 +301,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -389,9 +389,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn'>Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -476,9 +476,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block'>Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -564,9 +564,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -652,9 +652,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
         "  <button class='btn btn-block btn-info'>Info</button>",
         "  <p>Things cats love:</p>",
@@ -745,9 +745,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
         "  <button class='btn btn-block btn-info'>Info</button>",
         "  <button class='btn btn-block btn-danger'>Delete</button>",
@@ -836,9 +836,9 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'>Like</button>",
@@ -925,9 +925,9 @@
         "<div class='container-fluid'>",
         "  <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "",
-        "  <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "  <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'>Like</button>",
@@ -1009,10 +1009,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'>Like</button>",
@@ -1094,10 +1094,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
@@ -1179,10 +1179,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
@@ -1265,10 +1265,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
@@ -1358,10 +1358,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
@@ -1460,10 +1460,10 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-kittens2' class='img-responsive'>",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
         "    <div class='col-xs-4'>",
         "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
diff --git a/seed/challenges/html5-and-css.json b/seed/challenges/html5-and-css.json
index 7cbb0d11c7..3297602d56 100644
--- a/seed/challenges/html5-and-css.json
+++ b/seed/challenges/html5-and-css.json
@@ -814,7 +814,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img src='https://bit.ly/fcc-kittens'/>",
+        "<img src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -877,7 +877,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -943,7 +943,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1009,7 +1009,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1078,7 +1078,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1155,7 +1155,7 @@
         "",
         "<a href='http://www.catphotoapp.com'>cat photos</a>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1223,7 +1223,7 @@
         "",
         "<p>Click here for <a href='http://www.catphotoapp.com'>cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1254,7 +1254,7 @@
       "difficulty": 1.25,
       "description": [
         "You can make elements into links by nesting them within an <code>a</code> element.",
-        "Nest your image within an <code>a</code> element. Here's an example: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-kittens2'/&#62;&#60;/a&#62;</code>.",
+        "Nest your image within an <code>a</code> element. Here's an example: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-running-cats'/&#62;&#60;/a&#62;</code>.",
         "Remember to use the hash symbol (#) as your <code>a</code> element's <code>href</code> property in order to turn it into a dead link.",
         "Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link."
       ],
@@ -1295,7 +1295,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>",
+        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1315,7 +1315,7 @@
       "descriptionDe": [
         "Umschließe dein <code>img</code> Element mit einem <code>a</code> Element als toten Link.",
         "Du kannst jedes Element in einen Link verwandeln, indem du es mit einem <code>a</code> Element umschließt.",
-        "Umschließe nun dein Bild mit einem <code>a</code> Element. Hier ist ein Beispiel: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-kittens2'/&#62;&#60;/a&#62;</code>.",
+        "Umschließe nun dein Bild mit einem <code>a</code> Element. Hier ist ein Beispiel: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-running-cats'/&#62;&#60;/a&#62;</code>.",
         "Vergewissere dich, dass du ein Hash Symbol (#) innerhalb des <code>href</code> Attributs des <code>a</code> Elements nutzt, um daraus einen toten Link zu machen.",
         "Sobald du das gemacht hast, kannst du mit der Maus über dein Bild fahren. Der normale Mauszeiger sollte nun zu einer Hand für Links werden. Das Bild ist jetzt ein Link."
       ]
@@ -1366,7 +1366,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1445,7 +1445,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1521,7 +1521,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1596,7 +1596,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1675,7 +1675,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1757,7 +1757,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1839,7 +1839,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1920,7 +1920,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2010,7 +2010,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2101,7 +2101,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2186,7 +2186,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2278,7 +2278,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2369,7 +2369,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2457,7 +2457,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2547,7 +2547,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",

From 959fde64fcf39b3b0a576448b34d88cf803ca9e2 Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Wed, 5 Aug 2015 00:06:20 -0700
Subject: [PATCH 3/7] add a span challenge and replace more old outside images
 with s3 images

---
 seed/challenges/basic-javascript.json |   6 +-
 seed/challenges/bootstrap.json        | 153 +++++++++++++++++++++-----
 seed/challenges/html5-and-css.json    |  54 ++++-----
 3 files changed, 157 insertions(+), 56 deletions(-)

diff --git a/seed/challenges/basic-javascript.json b/seed/challenges/basic-javascript.json
index ab30786d54..f1eb0f575c 100644
--- a/seed/challenges/basic-javascript.json
+++ b/seed/challenges/basic-javascript.json
@@ -1130,7 +1130,7 @@
         "   var slotTwo;",
         "   var slotThree;",
         "   ",
-        "   var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
+        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
         "   ",
         "   /*Don't modify above here*/",
         "   ",
@@ -1284,7 +1284,7 @@
         "   var slotTwo;",
         "   var slotThree;",
         "   ",
-        "   var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
+        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
         "   ",
         "   slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
@@ -1445,7 +1445,7 @@
         "   var slotThree;",
         "   ",
         "   //Placeholder",
-        "   var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
+        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
         "   ",
         "   slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
diff --git a/seed/challenges/bootstrap.json b/seed/challenges/bootstrap.json
index eaec28238b..e1af8339c0 100644
--- a/seed/challenges/bootstrap.json
+++ b/seed/challenges/bootstrap.json
@@ -50,7 +50,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -99,7 +99,7 @@
       "tests": [
         "assert($('img').length > 1, 'You should have a total of two images.')",
         "assert($('img').hasClass('img-responsive'), 'Your new image should have the class \"img-responsive\".')",
-        "assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-kittens2</code>.')"
+        "assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-running-cats</code>.')"
       ],
       "challengeSeed": [
         "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
@@ -134,7 +134,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -216,7 +216,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <p>Things cats love:</p>",
@@ -301,7 +301,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <p>Things cats love:</p>",
@@ -389,7 +389,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn'>Like</button>",
@@ -476,7 +476,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block'>Like</button>",
@@ -564,7 +564,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
@@ -652,7 +652,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
@@ -745,7 +745,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <button class='btn btn-block btn-primary'>Like</button>",
@@ -787,7 +787,7 @@
       "descriptionPt": []
     },
     {
-      "id": "bad87fee1348bd9aedf08845",
+      "id": "bad87fee1348bd9aedf08745",
       "name": "Waypoint: Ditch Custom CSS for Bootstrap",
       "dashedName": "waypoint-ditch-custom-css-for-bootstrap",
       "difficulty": 2.10,
@@ -836,7 +836,7 @@
         "",
         "  <p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
@@ -885,6 +885,107 @@
       "namePt": "",
       "descriptionPt": []
     },
+    {
+      "id": "bad87fee1348bd9aedf08845",
+      "name": "Waypoint: Use Spans for Inline Elements",
+      "dashedName": "waypoint-use-spans-for-inline-elements",
+      "difficulty": 2.105,
+      "description": [
+        "You can use use spans to create inline elements. Remember when we used the \"btn-block\" class to make the button grow fill the entire row?",
+        "This image illustrates the difference between \"inline\" elements and \"block-level\" elements:",
+        "<img class='img-responsive' src='https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png' alt='An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
+        "By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.",
+        "Nest the word \"love\" in your \"Things cats love\" element below withing a <code>span</code> element. Then give that <code>span</code> the class \"text-danger\" to make the text red.",
+        "Here's how you would do this with the \"Top 3 things cats hate\" element: <code>&#60;p&#62;Top 3 things cats &#60;span class\"text-danger\"&#62;hate&#60;/span&#62;&#60;/p&#62;</code>"
+      ],
+      "tests": [
+        "assert($('p span') && $('p span').length > 0, 'Your <code>span</code> element should be inside your <code>p</code> element.')",
+        "assert($('p span') && $('p span').text().match(/love/i), 'Your <code>span</code> element should have the text \"love\".')",
+        "assert($('span').hasClass('text-danger'), 'Your <code>span</code> element should have class \"text-danger\".')",
+        "assert(editor.match(/<\\/span>/g) && editor.match(/<span/g) && editor.match(/<\\/span>/g).length === editor.match(/<span/g).length, 'Make sure your <code>span</code> element has a closing tag.')"
+      ],
+      "challengeSeed": [
+        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<style>",
+        "  .red-text {",
+        "    color: red;",
+        "  }",
+        "",
+        "  h2 {",
+        "    font-family: Lobster, Monospace;",
+        "  }",
+        "",
+        "  p {",
+        "    font-size: 16px;",
+        "    font-family: Monospace;",
+        "  }",
+        "",
+        "  .thick-green-border {",
+        "    border-color: green;",
+        "    border-width: 10px;",
+        "    border-style: solid;",
+        "    border-radius: 50%;",
+        "  }",
+        "",
+        "  .smaller-image {",
+        "    width: 100px;",
+        "  }",
+        "</style>",
+        "",
+        "<div class='container-fluid'>",
+        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "",
+        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "",
+        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "",
+        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-4'>",
+        "      <button class='btn btn-block btn-primary'>Like</button>",
+        "    </div>",
+        "    <div class='col-xs-4'>",
+        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    </div>",
+        "    <div class='col-xs-4'>",
+        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    </div>",
+        "  </div>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <ul>",
+        "    <li>cat nip</li>",
+        "    <li>laser pointers</li>",
+        "    <li>lasagna</li>",
+        "  </ul>",
+        "  <p>Top 3 things cats hate:</p>",
+        "  <ol>",
+        "    <li>flea treatment</li>",
+        "    <li>thunder</li>",
+        "    <li>other cats</li>",
+        "  </ol>",
+        "  <form action=\"/submit-cat-photo\">",
+        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "    <label><input type='checkbox' name='personality'> Loving</label>",
+        "    <label><input type='checkbox' name='personality'> Lazy</label>",
+        "    <label><input type='checkbox' name='personality'> Crazy</label>",
+        "    <input type='text' placeholder='cat photo URL' required>",
+        "    <button type='submit'>Submit</button>",
+        "  </form>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "nameCn": "",
+      "descriptionCn": [],
+      "nameFr": "",
+      "descriptionFr": [],
+      "nameRu": "",
+      "descriptionRu": [],
+      "nameEs": "",
+      "descriptionEs": [],
+      "namePt": "",
+      "descriptionPt": []
+    },
     {
       "id": "bad87fee1348bd9aede08845",
       "name": "Waypoint: Create a Custom Heading",
@@ -925,7 +1026,7 @@
         "<div class='container-fluid'>",
         "  <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "",
-        "  <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
         "  <div class='row'>",
@@ -939,7 +1040,7 @@
         "      <button class='btn btn-block btn-danger'>Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1009,7 +1110,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1024,7 +1125,7 @@
         "      <button class='btn btn-block btn-danger'>Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1094,7 +1195,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1109,7 +1210,7 @@
         "      <button class='btn btn-block btn-danger'>Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1179,7 +1280,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1194,7 +1295,7 @@
         "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1265,7 +1366,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1280,7 +1381,7 @@
         "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1358,7 +1459,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1373,7 +1474,7 @@
         "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1460,7 +1561,7 @@
         "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
         "    </div>",
         "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "    </div>",
         "  </div>",
         "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
@@ -1475,7 +1576,7 @@
         "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats love:</p>",
+        "  <p>Things cats <span class='text-danger'>love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
diff --git a/seed/challenges/html5-and-css.json b/seed/challenges/html5-and-css.json
index 3297602d56..3dc4714ad3 100644
--- a/seed/challenges/html5-and-css.json
+++ b/seed/challenges/html5-and-css.json
@@ -734,11 +734,11 @@
       "description": [
         "You can add images to your website by using the <code>img</code> element, and point to an specific image's URL using the <code>src</code> attribute.",
         "An example of this would be <code>&#60img src=\"www.your-image-source.com/your-image.jpg\"/&#62</code>. Note that in most cases, <code>img</code> elements are self-closing.",
-        "Try it with this image: <code>http://bit.ly/fcc-kittens</code>."
+        "Try it with this image: <code>https://bit.ly/fcc-relaxing-cat</code>."
       ],
       "tests": [
         "assert($('img').length > 0, 'Your page should have an image element.')",
-        "assert($('img').filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-kittens/gi.test($('img').attr('src')); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
+        "assert($('img').filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-relaxing-cat/gi.test($('img').attr('src')); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
       ],
       "challengeSeed": [
         "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
@@ -775,10 +775,10 @@
       "descriptionPt": [],
       "nameDe": "Waypoint: Füge Bilder zu deiner Website hinzu",
       "descriptionDe": [
-        "Nutze ein <code>img</code> Element um das Bild <code>http://bit.ly/fcc-kittens</code> einzufügen.",
+        "Nutze ein <code>img</code> Element um das Bild <code>https://bit.ly/fcc-relaxing-cat</code> einzufügen.",
         "Du kannst <code>img</code> Elemente verwenden, um Bilder in deine Website einzubauen. Um zur URL des Bildes zu verweisen, benutzt du das <code>src</code> Attribut.",
         "Ein Beispiel dafür wäre <code>&#60img src=\"www.bild-quelle.com/bild.jpg\"/&#62</code>. Beachte, dass <code>img</code> Elemente in den meisten Fällen selbstschließend sind.",
-        "Versuche es mit diesem Bild: <code>http://bit.ly/fcc-kittens</code>."
+        "Versuche es mit diesem Bild: <code>https://bit.ly/fcc-relaxing-cat</code>."
       ]
     },
     {
@@ -814,7 +814,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -877,7 +877,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -943,7 +943,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1009,7 +1009,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1078,7 +1078,7 @@
         "",
         "<h2 class='red-text'>CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1155,7 +1155,7 @@
         "",
         "<a href='http://www.catphotoapp.com'>cat photos</a>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1223,7 +1223,7 @@
         "",
         "<p>Click here for <a href='http://www.catphotoapp.com'>cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1295,7 +1295,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
+        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1366,7 +1366,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1445,7 +1445,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
@@ -1521,7 +1521,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1596,7 +1596,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1675,7 +1675,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1757,7 +1757,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1839,7 +1839,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1920,7 +1920,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2010,7 +2010,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2101,7 +2101,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2186,7 +2186,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2278,7 +2278,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2369,7 +2369,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2457,7 +2457,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2547,7 +2547,7 @@
         "",
         "<p>Click here for <a href='#'>cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",

From b4f5f1a81efbfd78e5f0fe58edcde99e0084145a Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Mon, 10 Aug 2015 22:17:49 -0700
Subject: [PATCH 4/7] get everything seeding again

---
 seed/challenges/bootstrap.json                |   6 +-
 ...{jquery-ajax-and-json.json => jquery.json} | 536 ++----------------
 seed/challenges/json-apis-and-ajax.json       | 494 +++++++++++++++-
 ...t-oriented-and-functional-programming.json |   2 +-
 4 files changed, 534 insertions(+), 504 deletions(-)
 rename seed/challenges/{jquery-ajax-and-json.json => jquery.json} (76%)

diff --git a/seed/challenges/bootstrap.json b/seed/challenges/bootstrap.json
index 447dd8be24..21f80faff4 100644
--- a/seed/challenges/bootstrap.json
+++ b/seed/challenges/bootstrap.json
@@ -787,7 +787,7 @@
       "descriptionPt": []
     },
     {
-      "id": "bad87fee1348bd9aedf08845",
+      "id": "bad87fee1347bd9aedf08845",
       "title": "Ditch Custom CSS for Bootstrap",
       "difficulty": 2.10,
       "description": [
@@ -887,8 +887,7 @@
     },
     {
       "id": "bad87fee1348bd9aedf08845",
-      "name": "Waypoint: Use Spans for Inline Elements",
-      "dashedName": "waypoint-use-spans-for-inline-elements",
+      "title": "Use Spans for Inline Elements",
       "difficulty": 2.105,
       "description": [
         "You can use use spans to create inline elements. Remember when we used the \"btn-block\" class to make the button grow fill the entire row?",
@@ -974,6 +973,7 @@
         "  </form>",
         "</div>"
       ],
+      "type": "waypoint",
       "challengeType": 0,
       "nameCn": "",
       "descriptionCn": [],
diff --git a/seed/challenges/jquery-ajax-and-json.json b/seed/challenges/jquery.json
similarity index 76%
rename from seed/challenges/jquery-ajax-and-json.json
rename to seed/challenges/jquery.json
index 99e4420cd0..b6480e7048 100644
--- a/seed/challenges/jquery-ajax-and-json.json
+++ b/seed/challenges/jquery.json
@@ -43,7 +43,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9bedc08826",
@@ -92,7 +93,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aedc08826",
@@ -142,7 +144,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aeda08826",
@@ -193,7 +196,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aeda08726",
@@ -245,7 +249,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed908626",
@@ -296,7 +301,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed918626",
@@ -346,7 +352,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed908826",
@@ -400,7 +407,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed808826",
@@ -451,7 +459,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed708826",
@@ -499,7 +508,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed608826",
@@ -551,7 +561,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed508826",
@@ -605,7 +616,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed308826",
@@ -660,7 +672,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed208826",
@@ -716,7 +729,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed108826",
@@ -773,7 +787,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9aed008826",
@@ -832,11 +847,12 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
     {
       "id": "bad87fee1348bd9bed008826",
-      "name":  "Waypoint: Target Odd Numbered Elements Using jQuery",
+      "title": "Target Odd Numbered Elements Using jQuery",
       "dashedName":  "waypoint-target-odd-numbered-elements-using-jquery",
       "difficulty": 3.165,
       "description": [
@@ -892,7 +908,8 @@
         "  </div>",
         "</div>"
       ],
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     },
 
     {
@@ -951,487 +968,8 @@
         "</div>"
       ],
       "type": "waypoint",
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad87fee1348bd9aeca08826",
-      "name":  "Waypoint: Trigger on click Events with jQuery",
-      "dashedName":  "waypoint-trigger-onclick-events-with-jquery",
-      "difficulty": 3.19,
-      "description": [
-        "<code>.on('click', function() {</code>",
-        "",
-        "});</code>"
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {</code>",
-        "",
-        "<code>  });</code>",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
-        "  </form>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad84fee1348bd9aecc58826",
-      "name":  "Waypoint: Read Data from an Element Using jQuery",
-      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
-      "difficulty": 3.17,
-      "description": [
-        "Let's make everything roll with <code>rollOut</code>."
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "",
-        "    });",
-        "  });",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
-        "    </div>",
-        "    <div class='col-xs-10'>",
-        "      <p>#check-me</p>",
-        "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
-        "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad84fee1348bd9aecc48826",
-      "name":  "Waypoint: Read Data from an Element Using jQuery",
-      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
-      "difficulty": 3.17,
-      "description": [
-        "Let's make everything roll with <code>rollOut</code>."
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "    });",
-        "  });",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
-        "    </div>",
-        "    <div class='col-xs-10'>",
-        "      <p>#check-me</p>",
-        "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
-        "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad84fee1348bd9aecc38826",
-      "name":  "Waypoint: Read Data from an Element Using jQuery",
-      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
-      "difficulty": 3.17,
-      "description": [
-        "Let's make everything roll with <code>rollOut</code>."
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text('happy text');",
-        "    });",
-        "  });",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
-        "    </div>",
-        "    <div class='col-xs-10'>",
-        "      <p>#check-me</p>",
-        "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
-        "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad84fee1348bd9aecc28826",
-      "name":  "Waypoint: Read Data from an Element Using jQuery",
-      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
-      "difficulty": 3.17,
-      "description": [
-        "Let's make everything roll with <code>rollOut</code>."
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text($('#check-me').prop('checked'));",
-        "    });",
-        "  });",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
-        "    </div>",
-        "    <div class='col-xs-10'>",
-        "      <p>#check-me</p>",
-        "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
-        "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad84fee1348bd9aecc18826",
-      "name":  "Waypoint: Read Data from an Element Using jQuery",
-      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
-      "difficulty": 3.17,
-      "description": [
-
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text($('#check-me').prop('checked'));",
-        "    });",
-        "  });",
-        "fcces",
-        "",
-        "<!-- You shouldn't need to modify code below this line -->",
-        "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
-        "    </div>",
-        "    <div class='col-xs-10'>",
-        "      <p>#check-me</p>",
-        "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
-        "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad87fee1348bd9aecc08826",
-      "name":  "Waypoint: Trigger onHover Events with jQuery",
-      "dashedName":  "waypoint-trigger-onhover-events-with-jquery",
-      "difficulty": 3.18,
-      "description": [
-
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-
-      ],
-      "challengeType": 0
-    },
-
-
-    {
-      "id": "bad87fee1348bd9aebc08726",
-      "name":  "Waypoint: Learn how JSON Works",
-      "dashedName":  "waypoint-learn-how-json-works",
-      "difficulty": 3.21,
-      "description": [
-        "JSON stands for \"JavaScript Object Notation\". It's how you create objects in JavaScript.",
-        "JSON is a series of \"key-value pairs\". Everything on the left of the colon (<code>:</code>) is the \"key\" you use to unlock the \"value\" on the right of the colon."
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "[",
-        "  {",
-        "    \"id\": 0,",
-        "    \"imageLink\": \"http://rs611.pbsrc.com/albums/tt194/allypopper423/Funny-Cat-Green-Avacado.jpg~c200\",",
-        "    \"codeNames\": [",
-        "      \"Juggernaut\",",
-        "      \"Mrs. Wallace\",",
-        "      \"Buttercup\"",
-        "    ]",
-        "  },",
-        "  {",
-        "    \"id\": 1,",
-        "    \"imageLink\": \"http://cdn.grumpycats.com/wp-content/uploads/2012/09/GC-Gravatar-copy.png\",",
-        "    \"codeNames\": [",
-        "      \"Oscar\",",
-        "      \"Scrooge\",",
-        "      \"Tyrion\"",
-        "    ]",
-        "  },",
-        "  {",
-        "    \"id\": 2,",
-        "    \"imageLink\": \"http://www.kittenspet.com/wp-content/uploads/2012/08/cat_with_funny_face_3-200x200.jpg\",",
-        "    \"codeNames\": [",
-        "      \"The Doctor\",",
-        "      \"Loki\",",
-        "      \"Joker\"",
-        "    ]",
-        "  }",
-        "]"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad87fee1348bd9aebc08826",
-      "name":  "Waypoint: Get Data from an URL Using jQuery",
-      "dashedName":  "waypoint-get-data-from-a-url-using-jquery",
-      "difficulty": 3.21,
-      "description": [
-
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad87fee1348bd9ae9c08826",
-      "name":  "Waypoint: Loop through JSON Data Using jQuery",
-      "dashedName":  "waypoint-loop-through-json-data-using-jquery",
-      "difficulty": 3.22,
-      "description": [
-
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad88fee1348bd9ae8c08726",
-      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
-      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
-      "difficulty": 3.24,
-      "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  var random = function() { return Math.floor(Math.random() * 3) }",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad88fee1348bd9ae8c08626",
-      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
-      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
-      "difficulty": 3.24,
-      "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  var random = function() { return Math.floor(Math.random() * 3) }",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "        var kitten = json[random()];",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad88fee1348bd9ae8c08526",
-      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
-      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
-      "difficulty": 3.24,
-      "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  var random = function() { return Math.floor(Math.random() * 3) }",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "        var kitten = json[random()];",
-        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
-    },
-
-    {
-      "id": "bad88fee1348bd9ae8c08426",
-      "name":  "Waypoint: Wire AJAX Call into a jQuery Click Event",
-      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
-      "difficulty": 3.24,
-      "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
-      ],
-      "tests": [
-
-      ],
-      "challengeSeed": [
-        "fccss",
-        "  var random = function() { return Math.floor(Math.random() * 3) }",
-        "  $(document).ready(function() {",
-        "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
-        "        var kitten = json[random()];",
-        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
-        "        $(\"<h3>Code name: \" + kitten.codeNames[random()] + \"</h3>\").appendTo('#output');",
-        "      });",
-        "    });",
-        "",
-        "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
-        "</div>"
-      ],
-      "challengeType": 0
+      "challengeType": 0,
+      "type": "waypoint"
     }
   ]
 }
diff --git a/seed/challenges/json-apis-and-ajax.json b/seed/challenges/json-apis-and-ajax.json
index 8745e513de..b62543fb90 100644
--- a/seed/challenges/json-apis-and-ajax.json
+++ b/seed/challenges/json-apis-and-ajax.json
@@ -1,6 +1,498 @@
 {
-  "name": "JSON APIs and Ajax - Coming Soon",
+  "name": "JSON APIs and Ajax",
   "order": 0.007,
   "challenges": [
+    {
+      "id": "bad87fee1348bd9aeca08826",
+      "title":  "Trigger on click Events with jQuery",
+      "difficulty": 3.19,
+      "description": [
+        "<code>.on('click', function() {</code>",
+        "",
+        "});</code>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {</code>",
+        "",
+        "<code>  });</code>",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <form action=\"/submit-cat-photo\">",
+        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "    <input type='text' placeholder='cat photo URL' required>",
+        "    <button type='submit'>Submit</button>",
+        "  </form>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc58826",
+      "title": "Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc48826",
+      "title": "Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc38826",
+      "title": "Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text('happy text');",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc28826",
+      "title": "Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+        "Let's make everything roll with <code>rollOut</code>."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad84fee1348bd9aecc18826",
+      "title": "Read Data from an Element Using jQuery",
+      "dashedName":  "waypoint-read-data-from-an-element-using-jquery",
+      "difficulty": 3.17,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  $(document).ready(function() {",
+        "    $('button').on('click', function() {",
+        "      $('#click-me').addClass('animated shake');",
+        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    });",
+        "  });",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class='container-fluid'>",
+        "  <div class='row'>",
+        "    <div class='col-xs-2'>",
+        "      <input type='checkbox' id='check-me'>",
+        "    </div>",
+        "    <div class='col-xs-10'>",
+        "      <p>#check-me</p>",
+        "    </div>",
+        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <span>Is the checkbox checked?</span>",
+        "  <span id='checked-state'></span>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad87fee1348bd9aecc08826",
+      "title": "Trigger onHover Events with jQuery",
+      "dashedName":  "waypoint-trigger-onhover-events-with-jquery",
+      "difficulty": 3.18,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+
+    {
+      "id": "bad87fee1348bd9aebc08726",
+      "title": "Learn how JSON Works",
+      "dashedName":  "waypoint-learn-how-json-works",
+      "difficulty": 3.21,
+      "description": [
+        "JSON stands for \"JavaScript Object Notation\". It's how you create objects in JavaScript.",
+        "JSON is a series of \"key-value pairs\". Everything on the left of the colon (<code>:</code>) is the \"key\" you use to unlock the \"value\" on the right of the colon."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "[",
+        "  {",
+        "    \"id\": 0,",
+        "    \"imageLink\": \"http://rs611.pbsrc.com/albums/tt194/allypopper423/Funny-Cat-Green-Avacado.jpg~c200\",",
+        "    \"codeNames\": [",
+        "      \"Juggernaut\",",
+        "      \"Mrs. Wallace\",",
+        "      \"Buttercup\"",
+        "    ]",
+        "  },",
+        "  {",
+        "    \"id\": 1,",
+        "    \"imageLink\": \"http://cdn.grumpycats.com/wp-content/uploads/2012/09/GC-Gravatar-copy.png\",",
+        "    \"codeNames\": [",
+        "      \"Oscar\",",
+        "      \"Scrooge\",",
+        "      \"Tyrion\"",
+        "    ]",
+        "  },",
+        "  {",
+        "    \"id\": 2,",
+        "    \"imageLink\": \"http://www.kittenspet.com/wp-content/uploads/2012/08/cat_with_funny_face_3-200x200.jpg\",",
+        "    \"codeNames\": [",
+        "      \"The Doctor\",",
+        "      \"Loki\",",
+        "      \"Joker\"",
+        "    ]",
+        "  }",
+        "]"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad87fee1348bd9aebc08826",
+      "title": "Get Data from an URL Using jQuery",
+      "dashedName":  "waypoint-get-data-from-a-url-using-jquery",
+      "difficulty": 3.21,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad87fee1348bd9ae9c08826",
+      "title": "Loop through JSON Data Using jQuery",
+      "dashedName":  "waypoint-loop-through-json-data-using-jquery",
+      "difficulty": 3.22,
+      "description": [
+
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08726",
+      "title": "Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08626",
+      "title": "Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08526",
+      "title": "Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
+    {
+      "id": "bad88fee1348bd9ae8c08426",
+      "title": "Wire AJAX Call into a jQuery Click Event",
+      "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
+      "difficulty": 3.24,
+      "description": [
+        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "  var random = function() { return Math.floor(Math.random() * 3) }",
+        "  $(document).ready(function() {",
+        "",
+        "    $('#cat-button').on('click', function() {",
+        "      $.getJSON('/json/cats.json', function( json ) {",
+        "        var kitten = json[random()];",
+        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
+        "        $(\"<h3>Code name: \" + kitten.codeNames[random()] + \"</h3>\").appendTo('#output');",
+        "      });",
+        "    });",
+        "",
+        "  });",
+        "fcces",
+        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
+        "<div class='jumbotron' id='output'>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    }
   ]
 }
diff --git a/seed/challenges/object-oriented-and-functional-programming.json b/seed/challenges/object-oriented-and-functional-programming.json
index 54b46060a3..b8dcd2041b 100644
--- a/seed/challenges/object-oriented-and-functional-programming.json
+++ b/seed/challenges/object-oriented-and-functional-programming.json
@@ -1,5 +1,5 @@
 {
-  "name": "Object Oriented and Functional Programming - Coming Soon",
+  "name": "Object Oriented and Functional Programming",
   "order" : 0.010,
   "challenges": [
   ]

From 4cdd0e20d98d8d795f6f90c7fb48458a85538eac Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Thu, 13 Aug 2015 12:55:50 -0700
Subject: [PATCH 5/7] start adding json challenges

---
 seed/challenges/basic-ziplines.json     |   4 +-
 seed/challenges/json-apis-and-ajax.json | 240 +++++++++++++++---------
 2 files changed, 154 insertions(+), 90 deletions(-)

diff --git a/seed/challenges/basic-ziplines.json b/seed/challenges/basic-ziplines.json
index 97de497c24..96a648e0a9 100644
--- a/seed/challenges/basic-ziplines.json
+++ b/seed/challenges/basic-ziplines.json
@@ -9,9 +9,7 @@
       "challengeSeed": ["125658022"],
       "description": [
         "Now you're ready to start our Zipline challenges. These front-end development challenges will give you many opportunities to apply the HTML, CSS, jQuery and JavaScript you've learned to build static (database-less) applications.",
-        "For many of these challenges, you will be using JSON data from external API endpoints, such as Twitch.tv and Twitter. Note that you don't need to have a database to use these data.",
-        "The easiest way to manipulate these data is with <a href='http://api.jquery.com/jquery.getjson/' target='_blank'>jQuery $.getJSON()</a>.",
-        "Whatever you do, don't get discouraged! Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck' target='_blank'>RSAP</a> if you get stuck.",
+         "Whatever you do, don't get discouraged! Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck' target='_blank'>Read-Search-Post</a> if you get stuck.",
         "We'll build these challenges using CodePen, a popular tool for creating, sharing, and discovering static web applications.",
         "Go to <a href='http://codepen.io' target='_blank'>http://codepen.io</a> and create an account.",
         "Click your user image in the top right corner, then click the \"New pen\" button that drops down.",
diff --git a/seed/challenges/json-apis-and-ajax.json b/seed/challenges/json-apis-and-ajax.json
index b62543fb90..a736d722e3 100644
--- a/seed/challenges/json-apis-and-ajax.json
+++ b/seed/challenges/json-apis-and-ajax.json
@@ -23,12 +23,12 @@
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
+        "<div class=\"container-fluid\">",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -36,6 +36,63 @@
       "type": "waypoint"
     },
 
+    {
+      "id": "bad87fee1348bd9aeca08826",
+      "title":  "Learn how JSON works",
+      "difficulty": 3.19,
+      "description": [
+        "JSON stands for \"JavaScript Object Notation\". It\"s how you create objects in JavaScript.",
+        "JSON is a series of \"key-value pairs\". Everything on the left of the colon (<code>:</code>) is the \"key\" you use to unlock the \"value\" on the right of the colon."
+      ],
+      "tests": [
+
+      ],
+      "challengeSeed": [
+        "fccss",
+        "catPhotoJSON = [",
+        "    {",
+        "      \"id\": 0,",
+        "      \"imageLink\": \"https://s3.amazonaws.com/freecodecamp/funny-cat.jpg\",",
+        "      \"codeNames\": [",
+        "        \"Juggernaut\",",
+        "        \"Mrs. Wallace\",",
+        "        \"Buttercup\"",
+        "      ]",
+        "    },",
+        "    {",
+        "      \"id\": 1,",
+        "      \"imageLink\": \"https://s3.amazonaws.com/freecodecamp/grumpy-cat.jpg\",",
+        "      \"codeNames\": [",
+        "        \"Oscar\",",
+        "        \"Scrooge\",",
+        "        \"Tyrion\"",
+        "      ]",
+        "    },",
+        "    {",
+        "      \"id\": 2,",
+        "      \"imageLink\": \"https://s3.amazonaws.com/freecodecamp/mischievous-cat.jpg\",",
+        "      \"codeNames\": [",
+        "        \"The Doctor\",",
+        "        \"Loki\",",
+        "        \"Joker\"",
+        "      ]",
+        "    }",
+        "  ]",
+        "",
+        "<code>  });</code>",
+        "fcces",
+        "",
+        "<!-- You shouldn't need to modify code below this line -->",
+        "",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
+        "</div>"
+      ],
+      "challengeType": 0,
+      "type": "waypoint"
+    },
+
     {
       "id": "bad84fee1348bd9aecc58826",
       "title": "Read Data from an Element Using jQuery",
@@ -50,7 +107,7 @@
       "challengeSeed": [
         "fccss",
         "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
+        "    $(\"button\").on(\"click\", function() {",
         "",
         "    });",
         "  });",
@@ -58,17 +115,17 @@
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-2\">",
+        "      <input type=\"checkbox\" id=\"check-me\">",
         "    </div>",
-        "    <div class='col-xs-10'>",
+        "    <div class=\"col-xs-10\">",
         "      <p>#check-me</p>",
         "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <button class=\"btn btn-block btn-primary\">#click-me</button>",
         "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
+        "  <span id=\"checked-state\"></span>",
         "</div>"
       ],
       "challengeType": 0,
@@ -89,25 +146,25 @@
       "challengeSeed": [
         "fccss",
         "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
+        "    $(\"button\").on(\"click\", function() {",
+        "      $(\"#click-me\").addClass(\"animated shake\");",
         "    });",
         "  });",
         "fcces",
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-2\">",
+        "      <input type=\"checkbox\" id=\"check-me\">",
         "    </div>",
-        "    <div class='col-xs-10'>",
+        "    <div class=\"col-xs-10\">",
         "      <p>#check-me</p>",
         "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <button class=\"btn btn-block btn-primary\">#click-me</button>",
         "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
+        "  <span id=\"checked-state\"></span>",
         "</div>"
       ],
       "challengeType": 0,
@@ -128,26 +185,26 @@
       "challengeSeed": [
         "fccss",
         "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text('happy text');",
+        "    $(\"button\").on(\"click\", function() {",
+        "      $(\"#click-me\").addClass(\"animated shake\");",
+        "      $(\"#checked-state\").text(\"happy text\");",
         "    });",
         "  });",
         "fcces",
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-2\">",
+        "      <input type=\"checkbox\" id=\"check-me\">",
         "    </div>",
-        "    <div class='col-xs-10'>",
+        "    <div class=\"col-xs-10\">",
         "      <p>#check-me</p>",
         "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <button class=\"btn btn-block btn-primary\">#click-me</button>",
         "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
+        "  <span id=\"checked-state\"></span>",
         "</div>"
       ],
       "challengeType": 0,
@@ -168,26 +225,26 @@
       "challengeSeed": [
         "fccss",
         "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    $(\"button\").on(\"click\", function() {",
+        "      $(\"#click-me\").addClass(\"animated shake\");",
+        "      $(\"#checked-state\").text($(\"#check-me\").prop(\"checked\"));",
         "    });",
         "  });",
         "fcces",
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-2\">",
+        "      <input type=\"checkbox\" id=\"check-me\">",
         "    </div>",
-        "    <div class='col-xs-10'>",
+        "    <div class=\"col-xs-10\">",
         "      <p>#check-me</p>",
         "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <button class=\"btn btn-block btn-primary\">#click-me</button>",
         "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
+        "  <span id=\"checked-state\"></span>",
         "</div>"
       ],
       "challengeType": 0,
@@ -208,26 +265,26 @@
       "challengeSeed": [
         "fccss",
         "  $(document).ready(function() {",
-        "    $('button').on('click', function() {",
-        "      $('#click-me').addClass('animated shake');",
-        "      $('#checked-state').text($('#check-me').prop('checked'));",
+        "    $(\"button\").on(\"click\", function() {",
+        "      $(\"#click-me\").addClass(\"animated shake\");",
+        "      $(\"#checked-state\").text($(\"#check-me\").prop(\"checked\"));",
         "    });",
         "  });",
         "fcces",
         "",
         "<!-- You shouldn't need to modify code below this line -->",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-2'>",
-        "      <input type='checkbox' id='check-me'>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-2\">",
+        "      <input type=\"checkbox\" id=\"check-me\">",
         "    </div>",
-        "    <div class='col-xs-10'>",
+        "    <div class=\"col-xs-10\">",
         "      <p>#check-me</p>",
         "    </div>",
-        "  <button class='btn btn-block btn-primary'>#click-me</button>",
+        "  <button class=\"btn btn-block btn-primary\">#click-me</button>",
         "  <span>Is the checkbox checked?</span>",
-        "  <span id='checked-state'></span>",
+        "  <span id=\"checked-state\"></span>",
         "</div>"
       ],
       "challengeType": 0,
@@ -256,10 +313,8 @@
     {
       "id": "bad87fee1348bd9aebc08726",
       "title": "Learn how JSON Works",
-      "dashedName":  "waypoint-learn-how-json-works",
-      "difficulty": 3.21,
       "description": [
-        "JSON stands for \"JavaScript Object Notation\". It's how you create objects in JavaScript.",
+        "JSON stands for \"JavaScript Object Notation\". It\"s how you create objects in JavaScript.",
         "JSON is a series of \"key-value pairs\". Everything on the left of the colon (<code>:</code>) is the \"key\" you use to unlock the \"value\" on the right of the colon."
       ],
       "tests": [
@@ -316,16 +371,18 @@
         "",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "",
         "      });",
         "    });",
         "",
         "  });",
         "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,
@@ -348,16 +405,18 @@
         "",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "",
         "      });",
         "    });",
         "",
         "  });",
         "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,
@@ -370,7 +429,7 @@
       "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
       "difficulty": 3.24,
       "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+        "<img src=\"https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png\">"
       ],
       "tests": [
 
@@ -380,16 +439,18 @@
         "  var random = function() { return Math.floor(Math.random() * 3) }",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "",
         "      });",
         "    });",
         "",
         "  });",
         "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,
@@ -402,7 +463,7 @@
       "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
       "difficulty": 3.24,
       "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+        "<img src=\"https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png\">"
       ],
       "tests": [
 
@@ -412,16 +473,18 @@
         "  var random = function() { return Math.floor(Math.random() * 3) }",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "        var kitten = json[random()];",
         "      });",
         "    });",
         "",
         "  });",
         "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,
@@ -434,7 +497,7 @@
       "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
       "difficulty": 3.24,
       "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+        "<img src=\"https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png\">"
       ],
       "tests": [
 
@@ -444,17 +507,18 @@
         "  var random = function() { return Math.floor(Math.random() * 3) }",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "        var kitten = json[random()];",
-        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
+        "        $(\"<img src=\"\" + kitten.imageLink + \"\">\").appendTo(\"#output\");",
         "      });",
         "    });",
         "",
         "  });",
-        "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,
@@ -467,7 +531,7 @@
       "dashedName":  "waypoint-wire-ajax-call-into-a-jquery-click-event",
       "difficulty": 3.24,
       "description": [
-        "<img src='https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png'>"
+        "<img src=\"https://www.evernote.com/l/AjmAQ5BxGrFGRrWl_j2eSpGZMfrunfse89gB/image.png\">"
       ],
       "tests": [
 
@@ -477,18 +541,20 @@
         "  var random = function() { return Math.floor(Math.random() * 3) }",
         "  $(document).ready(function() {",
         "",
-        "    $('#cat-button').on('click', function() {",
-        "      $.getJSON('/json/cats.json', function( json ) {",
+        "    $(\"#cat-button\").on(\"click\", function() {",
+        "      $.getJSON(\"/json/cats.json\", function( json ) {",
         "        var kitten = json[random()];",
-        "        $(\"<img src='\" + kitten.imageLink + \"'>\").appendTo('#output');",
-        "        $(\"<h3>Code name: \" + kitten.codeNames[random()] + \"</h3>\").appendTo('#output');",
+        "        $(\"<img src=\"\" + kitten.imageLink + \"\">\").appendTo(\"#output\");",
+        "        $(\"<h3>Code name: \" + kitten.codeNames[random()] + \"</h3>\").appendTo(\"#output\");",
         "      });",
         "    });",
         "",
         "  });",
         "fcces",
-        "<button id='cat-button' class='btn btn-primary btn-block btn-lg'>#cat-button</button>",
-        "<div class='jumbotron' id='output'>",
+        "<div class=\"container-fluid\">",
+        "  <button id=\"cat-button\" class=\"btn btn-primary btn-block btn-lg\">#cat-button</button>",
+        "  <div class=\"jumbotron\" id=\"output\">",
+        "  </div>",
         "</div>"
       ],
       "challengeType": 0,

From 3f05565739371f6fbb538af157e94a5b15e97c0f Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Thu, 13 Aug 2015 15:32:40 -0700
Subject: [PATCH 6/7] use double quotes for all string literals in waypoints

---
 seed/challenges/basic-javascript.json   |  226 ++---
 seed/challenges/bootstrap.json          | 1054 +++++++++++------------
 seed/challenges/html5-and-css.json      |  718 +++++++--------
 seed/challenges/json-apis-and-ajax.json |    2 +-
 4 files changed, 1000 insertions(+), 1000 deletions(-)

diff --git a/seed/challenges/basic-javascript.json b/seed/challenges/basic-javascript.json
index 55536f9ffa..f90c264011 100644
--- a/seed/challenges/basic-javascript.json
+++ b/seed/challenges/basic-javascript.json
@@ -38,7 +38,7 @@
         "For now let's modify our <code>welcomeToBooleans</code>function so that it will return <code>true</code>instead of <code>false</code>when the run button is clicked"
       ],
       "tests": [
-        "assert(typeof(welcomeToBooleans())=='boolean', 'The value returned by welcomeToBooleans() should be a boolean value. (true of false)');",
+        "assert(typeof(welcomeToBooleans())==\"boolean\", 'The value returned by welcomeToBooleans() should be a boolean value. (true of false)');",
         "assert(welcomeToBooleans() == true, 'The value returned by welcomeToBooleans() should be true');"
       ],
       "challengeSeed": [
@@ -65,7 +65,7 @@
         "Look at the <code>ourName</code> example if you get stuck."
       ],
       "tests": [
-        "assert((function(){/**/if(typeof(myName) !== 'undefined' && typeof(myName) == 'string' && myName.length > 0){return(true);}else{return(false);}/**/})(), 'myName should be a string that contains at least one character in it');"
+        "assert((function(){/**/if(typeof(myName) !== \"undefined\" && typeof(myName) == \"string\" && myName.length > 0){return(true);}else{return(false);}/**/})(), 'myName should be a string that contains at least one character in it');"
       ],
       "challengeSeed": [
         "// var ourName = \"Free Code Camp\";",
@@ -74,7 +74,7 @@
         "// We use this to show you the value of your variable in your output box.",
         "// We'll learn about functions soon.",
         "",
-        "if(typeof(myName) !== 'undefined'){(function(v){return(v);})(myName);}"
+        "if(typeof(myName) !== \"undefined\"){(function(v){return(v);})(myName);}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -89,8 +89,8 @@
         "You can assign these variables to be equal to your first and last names respectively."
       ],
       "tests": [
-        "assert((function(){if(typeof(myFirstName) !== 'undefined' && typeof(myFirstName) == 'string' && myFirstName.length > 0){return(true);}else{return(false);}})(), 'myFirstName should be a string with a least one character in it');",
-        "assert((function(){if(typeof(myLastName) !== 'undefined' && typeof(myLastName) == 'string' && myLastName.length > 0){return(true);}else{return(false);}})(), 'myLastName should be a string with a least one character in it');"
+        "assert((function(){if(typeof(myFirstName) !== \"undefined\" && typeof(myFirstName) == \"string\" && myFirstName.length > 0){return(true);}else{return(false);}})(), 'myFirstName should be a string with a least one character in it');",
+        "assert((function(){if(typeof(myLastName) !== \"undefined\" && typeof(myLastName) == \"string\" && myLastName.length > 0){return(true);}else{return(false);}})(), 'myLastName should be a string with a least one character in it');"
       ],
       "challengeSeed": [
         "// ourName = \"Free Code Camp\";",
@@ -101,7 +101,7 @@
         "// You can ignore this.",
         "// We use this to show you the value of your variable in your output box.",
         "// We'll learn about functions soon.",
-        "if(typeof(myFirstName) !== 'undefined' && typeof(myLastName) !== 'undefined'){(function(y,z){return(y + ', ' + z);})(myFirstName, myLastName);}"
+        "if(typeof(myFirstName) !== \"undefined\" && typeof(myLastName) !== \"undefined\"){(function(y,z){return(y + ', ' + z);})(myFirstName, myLastName);}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -115,7 +115,7 @@
         "For example, if we created a variable <code>var firstName = \"Julie\"</code>, we could find out how long the string \"Julie\" is by using the <code>firstName.length</code> property."
       ],
       "tests": [
-        "assert((function(){if(typeof(lastNameLength) != 'undefined' && typeof(lastNameLength) == 'number' && lastNameLength == 4){return(true);}else{return(false);}})(), 'lastNameLength should be equal to four')",
+        "assert((function(){if(typeof(lastNameLength) != \"undefined\" && typeof(lastNameLength) == \"number\" && lastNameLength == 4){return(true);}else{return(false);}})(), 'lastNameLength should be equal to four')",
         "assert((function(){if(editor.getValue().match(/\\.length/gi) && editor.getValue().match(/\\.length/gi).length >= 2 && editor.getValue().match(/var lastNameLength \\= 0;/gi) && editor.getValue().match(/var lastNameLength \\= 0;/gi).length >= 1){return(true);}else{return(false);}})(), 'You should be getting the length of <code>lastName</code> by using <code>.length</code> like this: <code>lastName.length</code>');"
       ],
       "challengeSeed": [
@@ -134,7 +134,7 @@
         "// You can ignore this.",
         "// We use this to show you the value of your variable in your output box.",
         "// We'll learn about functions soon.",
-        "if(typeof(lastNameLength) != 'undefined'){(function(v){return(v);})(lastNameLength);}"
+        "if(typeof(lastNameLength) != \"undefined\"){(function(v){return(v);})(lastNameLength);}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -151,7 +151,7 @@
         "Try looking at the <code>firstLetterOfFirstName</code> variable declaration if you get stuck."
       ],
       "tests": [
-        "assert((function(){if(typeof(firstLetterOfLastName) != 'undefined' && editor.getValue().match(/\\[0\\]/gi) && typeof(firstLetterOfLastName) == 'string' && firstLetterOfLastName == 'C'){return(true);}else{return(false);}})(), 'The first letter of firstLetterOfLastName should be a C');"
+        "assert((function(){if(typeof(firstLetterOfLastName) != \"undefined\" && editor.getValue().match(/\\[0\\]/gi) && typeof(firstLetterOfLastName) == \"string\" && firstLetterOfLastName == \"C\"){return(true);}else{return(false);}})(), 'The first letter of firstLetterOfLastName should be a C');"
       ],
       "challengeSeed": [
         "var firstLetterOfLastName = \"\"",
@@ -185,7 +185,7 @@
         "Try looking at the <code>secondLetterOfFirstName</code> variable declaration if you get stuck."
       ],
       "tests": [
-        "assert(thirdLetterOfLastName == 'e', 'The third last letter of lastName should be an e');"
+        "assert(thirdLetterOfLastName == \"e\", 'The third last letter of lastName should be an e');"
       ],
       "challengeSeed": [
         "var firstName = \"Madeline\";",
@@ -217,7 +217,7 @@
         "Try looking at the <code>lastLetterOfLastName</code> variable declaration if you get stuck."
       ],
       "tests": [
-        "assert(lastLetterOfLastName == 'n', 'lastLetterOfLastName should be <code>n</code>');",
+        "assert(lastLetterOfLastName == \"n\", 'lastLetterOfLastName should be <code>n</code>');",
         "assert(editor.getValue().match(/\\.length/g), 'You have to use .length to get the last letter');"
       ],
       "challengeSeed": [
@@ -247,7 +247,7 @@
         "Try looking at the <code>lastLetterOfLastName</code> variable declaration if you get stuck."
       ],
       "tests": [
-        "assert(secondToLastLetterOfLastName == 'e', 'secondToLastLetterOfLastName should be e');",
+        "assert(secondToLastLetterOfLastName == \"e\", 'secondToLastLetterOfLastName should be e');",
         "assert(editor.getValue().match(/\\.length/g), 'You have to use .length to get the third last letter');"
       ],
       "challengeSeed": [
@@ -366,7 +366,7 @@
         "Let's create a variable <code>myDecimal</code> and give it a decimal value."
       ],
       "tests": [
-        "assert((function(){if(typeof(myDecimal) != 'undefined' && typeof(myDecimal) == 'number' && editor.getValue().match(/\\./g).length >=2){return(true);}else{return(false);}})(), 'myDecimal should be a decimal point number');"
+        "assert((function(){if(typeof(myDecimal) != \"undefined\" && typeof(myDecimal) == \"number\" && editor.getValue().match(/\\./g).length >=2){return(true);}else{return(false);}})(), 'myDecimal should be a decimal point number');"
       ],
       "challengeSeed": [
         "//var ourDecimal = 5.7",
@@ -375,7 +375,7 @@
         "",
         "",
         "",
-        "(function(){if(typeof(myDecimal) != 'undefined'){return(myDecimal);}})();"
+        "(function(){if(typeof(myDecimal) != \"undefined\"){return(myDecimal);}})();"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -414,12 +414,12 @@
         ""
       ],
       "tests": [
-        "assert(typeof(myArray) == 'object', 'myArray should be an array');",
-        "assert(typeof(myArray[0]) !== 'undefined' && typeof(myArray[0]) == 'string', 'The fist item in myArray should be a string');",
-        "assert(typeof(myArray[1]) !== 'undefined' && typeof(myArray[1]) == 'number', 'The second item in myArray should be a number');"
+        "assert(typeof(myArray) == \"object\", 'myArray should be an array');",
+        "assert(typeof(myArray[0]) !== \"undefined\" && typeof(myArray[0]) == \"string\", 'The fist item in myArray should be a string');",
+        "assert(typeof(myArray[1]) !== \"undefined\" && typeof(myArray[1]) == \"number\", 'The second item in myArray should be a number');"
       ],
       "challengeSeed": [
-        "//var array = ['John', 23];",
+        "//var array = [\"John\", 23];",
         "",
         "var myArray = [];",
         "",
@@ -438,13 +438,13 @@
         "Let's now go create a nested array called <code>myArray</code>"
       ],
       "tests":[
-        "assert((function(){if(typeof(myArray) !== 'undefined' && typeof(myArray) === 'object' && typeof(myArray[0]) !== 'undefined' && typeof(myArray[0]) === 'object' && editor.getValue().match(/\\[\\[/g).length >= 1 && editor.getValue().match(/\\]\\]/g).length >= 1){return(true);}else{return(false);}})(), 'myArray should contain at least one array');"
+        "assert((function(){if(typeof(myArray) !== \"undefined\" && typeof(myArray) === \"object\" && typeof(myArray[0]) !== \"undefined\" && typeof(myArray[0]) === \"object\" && editor.getValue().match(/\\[\\[/g).length >= 1 && editor.getValue().match(/\\]\\]/g).length >= 1){return(true);}else{return(false);}})(), 'myArray should contain at least one array');"
       ],
       "challengeSeed":[
         "var myArray = [];",
         "",
         "",
-        "if(typeof(myArray) !== 'undefined'){(function(){return(myArray);})();}"
+        "if(typeof(myArray) !== \"undefined\"){(function(){return(myArray);})();}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -465,7 +465,7 @@
         "Create a var called <code>data</code> and set it to equal the first value of <code>myArray</code>"
       ],
       "tests":[
-        "assert((function(){if(typeof(myArray) != 'undefined' && typeof(data) != 'undefined' && myArray[0] == data){return(true);}else{return(false);}})(), 'the variable data should equal the first value of myArray');"
+        "assert((function(){if(typeof(myArray) != \"undefined\" && typeof(data) != \"undefined\" && myArray[0] == data){return(true);}else{return(false);}})(), 'the variable data should equal the first value of myArray');"
       ],
       "challengeSeed":[
         "//var ourArray = [1,2,3]",
@@ -475,7 +475,7 @@
         "",
         "",
         "",
-        "if(typeof(myArray) != 'undefined' && typeof(data) != 'undefined'){(function(y,z){return('myArray = ' + JSON.stringify(y) + ', data = ' + JSON.stringify(z));})(myArray, data);}"
+        "if(typeof(myArray) != \"undefined\" && typeof(data) != \"undefined\"){(function(y,z){return('myArray = ' + JSON.stringify(y) + ', data = ' + JSON.stringify(z));})(myArray, data);}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -495,7 +495,7 @@
         ""
       ],
       "tests":[
-        "assert((function(){if(typeof(myArray) != 'undefined' && myArray[0] == 3 && myArray[1] == 2 && myArray[2] == 3){return(true);}else{return(false);}})(), 'myArray should now be [3,2,3]');",
+        "assert((function(){if(typeof(myArray) != \"undefined\" && myArray[0] == 3 && myArray[1] == 2 && myArray[2] == 3){return(true);}else{return(false);}})(), 'myArray should now be [3,2,3]');",
         "assert((function(){if(editor.getValue().match(/[0]/g).length >= 2 && editor.getValue().match(/=/g).length >= 2){return(true);}else{return(false);}})(), 'You should be using indexes to modify the values in myArray');"
       ],
       "challengeSeed":[
@@ -507,7 +507,7 @@
         "",
         "",
         "",
-        "if(typeof(myArray) != 'undefined'){(function(){return(myArray);})();}"
+        "if(typeof(myArray) != \"undefined\"){(function(){return(myArray);})();}"
       ],
       "type": "waypoint",
       "challengeType": 1
@@ -524,8 +524,8 @@
         "Let's try <code>.pop()</code>now"
       ],
       "tests": [
-        "assert((function(d){if(d[0] == 'John' && d[1] == 23 && d[2] == undefined){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23])');",
-        "assert((function(d){if(d[0] == 'cat' && d[1] == 2 && d[2] == undefined){return(true);}else{return(false);}})(removed), 'myArray should only have the first two values left([\"cat\"], 2)');"
+        "assert((function(d){if(d[0] == \"John\" && d[1] == 23 && d[2] == undefined){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23])');",
+        "assert((function(d){if(d[0] == \"cat\" && d[1] == 2 && d[2] == undefined){return(true);}else{return(false);}})(removed), 'myArray should only have the first two values left([\"cat\"], 2)');"
       ],
       "challengeSeed": [
         "//var numbers = [1,2,3];",
@@ -534,8 +534,8 @@
         "//console.log(numbers); //Gives [1,2]",
         "//console.log(removed); //Gives 3",
         "",
-        "var myArray = ['John', 23, ['cat', 2]];",
-        "var removed = myArray;//This should be ['cat', 2] and myArray should now be ['John', 23]",
+        "var myArray = [\"John\", 23, [\"cat\", 2]];",
+        "var removed = myArray;//This should be [\"cat\", 2] and myArray should now be [\"John\", 23]",
         "",
         "",
         "(function(y, z){return('myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z));})(myArray, removed);"
@@ -549,15 +549,15 @@
       "difficulty": "9.9818",
       "description": [
         "Now that we've learned how to <code>pop</code>things from the end of the array, we need to learn how to <code>push</code>stuff back to the end",
-        "Let's take the code we had last time and <code>push</code>this value to the end: <code>['dog', 3] </code>"
+        "Let's take the code we had last time and <code>push</code>this value to the end: <code>[\"dog\", 3] </code>"
       ],
       "tests": [
-        "assert((function(d){if(d[2] != undefined && d[0] == 'John' && d[1] == 23 && d[2][0] == 'dog' && d[2][1] == 3 && d[2].length == 2){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23, [\"dog\", 3]])');"
+        "assert((function(d){if(d[2] != undefined && d[0] == \"John\" && d[1] == 23 && d[2][0] == \"dog\" && d[2][1] == 3 && d[2].length == 2){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23, [\"dog\", 3]])');"
       ],
       "challengeSeed": [
-        "var myArray = ['John', 23, ['cat', 2]];",
+        "var myArray = [\"John\", 23, [\"cat\", 2]];",
         "var removed = myArray.pop();",
-        "//Add a ['dog', 3] to the end of myArray using push",
+        "//Add a [\"dog\", 3] to the end of myArray using push",
         "",
         "",
         "(function(z){return('myArray = ' + JSON.stringify(z));})(myArray);"
@@ -575,12 +575,12 @@
         "Let's try <code>.shift()</code>now"
       ],
       "tests": [
-        "assert((function(d){if(d[0] == 23 && d[1][0] == 'dog' && d[1][1] == 3 && d[2] == undefined){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23])');",
-        "assert((function(d){if(d === 'John' && typeof(removed) === 'string'){return(true);}else{return(false);}})(removed), 'Removed should contain \"John\"');"
+        "assert((function(d){if(d[0] == 23 && d[1][0] == \"dog\" && d[1][1] == 3 && d[2] == undefined){return(true);}else{return(false);}})(myArray), 'myArray should only have the first two values left([\"John\", 23])');",
+        "assert((function(d){if(d === \"John\" && typeof(removed) === \"string\"){return(true);}else{return(false);}})(removed), 'Removed should contain \"John\"');"
       ],
       "challengeSeed": [
-        "var myArray = ['John', 23, ['dog', 3]];",
-        "var removed = myArray;//This should be ['John'] and myArray should now be [23, ['dog', 3]]",
+        "var myArray = [\"John\", 23, [\"dog\", 3]];",
+        "var removed = myArray;//This should be [\"John\"] and myArray should now be [23, [\"dog\", 3]]",
         "",
         "",
         "(function(y, z){return('myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z));})(myArray, removed);"
@@ -594,15 +594,15 @@
       "difficulty": "9.9818",
       "description": [
         "Now that we've learned how to <code>shift</code>things from the start of the array, we need to learn how to <code>unshift</code>stuff back to the start",
-        "Let's take the code we had last time and <code>unshift</code>this value to the end: <code>'Paul' </code>"
+        "Let's take the code we had last time and <code>unshift</code>this value to the end: <code>\"Paul\" </code>"
       ],
       "tests": [
-        "assert((function(d){if(d[0].toLowerCase() == 'paul' && d[1] == 23 && d[2][0] != undefined && d[2][0] == 'dog' && d[2][1] != undefined && d[2][1] == 3){return(true);}else{return(false);}})(myArray), 'myArray should now have [\"Paul\", 23, [\"dog\", 3]])');"
+        "assert((function(d){if(d[0].toLowerCase() == \"paul\" && d[1] == 23 && d[2][0] != undefined && d[2][0] == \"dog\" && d[2][1] != undefined && d[2][1] == 3){return(true);}else{return(false);}})(myArray), 'myArray should now have [\"Paul\", 23, [\"dog\", 3]])');"
       ],
       "challengeSeed": [
-        "var myArray = ['John', 23, ['dog', 3]];",
-        "var removed = myArray.shift();//This should be 'John' and myArray should now be [23, ['dog', 3]]",
-        "//Add 'Paul' to the start of myArray",
+        "var myArray = [\"John\", 23, [\"dog\", 3]];",
+        "var removed = myArray.shift();//This should be \"John\" and myArray should now be [23, [\"dog\", 3]]",
+        "//Add \"Paul\" to the start of myArray",
         "",
         "",
         "(function(y, z){return('myArray = ' + JSON.stringify(y));})(myArray);"
@@ -627,7 +627,7 @@
         "Let's try creating and calling a function now called <code>myFunction</code>"
       ],
       "tests":[
-        "assert((function(){if(typeof(f) !== 'undefined' && typeof(f) === 'number' && f === a + b  && editor.getValue().match(/return/gi).length >= 1 && editor.getValue().match(/a/gi).length >= 1 && editor.getValue().match(/b/gi).length >= 1 && editor.getValue().match(/\\+/gi).length >= 1){return(true);}else{return(false);}})(), 'Your function should return the value of a + b');"
+        "assert((function(){if(typeof(f) !== \"undefined\" && typeof(f) === \"number\" && f === a + b  && editor.getValue().match(/return/gi).length >= 1 && editor.getValue().match(/a/gi).length >= 1 && editor.getValue().match(/b/gi).length >= 1 && editor.getValue().match(/\\+/gi).length >= 1){return(true);}else{return(false);}})(), 'Your function should return the value of a + b');"
       ],
       "challengeSeed":[
         "var a = 4;",
@@ -639,7 +639,7 @@
         "",
         "",
         "//Don't modify this!",
-        "if(typeof(myFunction) != 'undefined'){",
+        "if(typeof(myFunction) != \"undefined\"){",
         "var f=myFunction(a,b);",
         "(function(){return(f);})();",
         "}"
@@ -667,17 +667,17 @@
         "Let's try to make an Object that represents a dog called myDog!"
       ],
       "tests":[
-        "assert((function(z){if(z.hasOwnProperty('name') && z.name != undefined && typeof(z.name) == 'string'){return(true);}else{return(false);}})(myDog), 'myDog should contain the property name and it should be a string');",
-        "assert((function(z){if(z.hasOwnProperty('legs') && z.legs != undefined && typeof(z.legs) == 'number'){return(true);}else{return(false);}})(myDog), 'myDog should contain the property legs and it should be a number');",
-        "assert((function(z){if(z.hasOwnProperty('tails') && z.tails != undefined && typeof(z.tails) == 'number'){return(true);}else{return(false);}})(myDog), 'myDog should contain the property tails and it should be a number');",
-        "assert((function(z){if(z.hasOwnProperty('friends') && z.friends != undefined && Array.isArray(z.friends)){return(true);}else{return(false);}})(myDog), 'myDog should contain the property friends and it should be an array');"
+        "assert((function(z){if(z.hasOwnProperty(\"name\") && z.name != undefined && typeof(z.name) == \"string\"){return(true);}else{return(false);}})(myDog), 'myDog should contain the property name and it should be a string');",
+        "assert((function(z){if(z.hasOwnProperty(\"legs\") && z.legs != undefined && typeof(z.legs) == \"number\"){return(true);}else{return(false);}})(myDog), 'myDog should contain the property legs and it should be a number');",
+        "assert((function(z){if(z.hasOwnProperty(\"tails\") && z.tails != undefined && typeof(z.tails) == \"number\"){return(true);}else{return(false);}})(myDog), 'myDog should contain the property tails and it should be a number');",
+        "assert((function(z){if(z.hasOwnProperty(\"friends\") && z.friends != undefined && Array.isArray(z.friends)){return(true);}else{return(false);}})(myDog), 'myDog should contain the property friends and it should be an array');"
       ],
       "challengeSeed":[
         "//var ourDog = {",
         "//   \"name\": \"Camper\"",
         "//   \"legs\": 4",
         "//   \"tails\": 1",
-        "//   \"friends\": ['everything!']",
+        "//   \"friends\": [\"everything!\"]",
         "//};",
         "",
         "/* add the name(string), legs(number), tails(number) and friends(array) properties to myDog.",
@@ -720,7 +720,7 @@
         "//Re-create myDog",
         "",
         "var myDog = {",
-        "   \"name\": 'Camper',",
+        "   \"name\": \"Camper\",",
         "   \"legs\": 4,",
         "   \"tails\": 1,",
         "   \"friends\": []",
@@ -836,7 +836,7 @@
         "Let's have a go of <code>Math.random()</code> now be getting <code>myFunction</code> to return a random number"
       ],
       "tests":[
-        "assert(typeof(myFunction()) === 'number', 'myFunction should return a random number');",
+        "assert(typeof(myFunction()) === \"number\", 'myFunction should return a random number');",
         "assert((myFunction()+''). match(/\\./g), 'The number returned by myFunction should be a decimal');",
         "assert(editor.getValue().match(/Math\\.random/g).length >= 2, 'You should be using Math.random to generate the random decimal number');"
       ],
@@ -865,7 +865,7 @@
         "Let's give this technique a go now"
       ],
       "tests":[
-        "assert(typeof(myFunction()) == 'number', 'The result of myFunction should be a number');",
+        "assert(typeof(myFunction()) == \"number\", 'The result of myFunction should be a number');",
         "assert(editor.getValue().match(/Math.random/g), 'You should be using Math.random to create a random number');",
         "assert(!(''+myFunction()).match(/\\./g), 'You should have multiplied the result of Math.random but 10 to make it a number that\\'s greater then zero');",
         "assert(editor.getValue().match(/Math.floor/g), 'You should use Math.floor to remove the decimal part of the number');"
@@ -927,7 +927,7 @@
         "Create an if else statement to return <code>heads</code> if the flip var is zero and to return <code>tails</code> if it's not"
       ],
       "tests":[
-        "assert((function(){if(myFunction() == 'heads' || myFunction() == 'tails'){return(true);}else{return(false);}})(), 'myFunction should either return heads or tails');",
+        "assert((function(){if(myFunction() == \"heads\" || myFunction() == \"tails\"){return(true);}else{return(false);}})(), 'myFunction should either return heads or tails');",
         "assert(editor.getValue().match(/if/g).length >= 3, 'You should have created a new if statement');",
         "assert(editor.getValue().match(/else/g).length >= 2, 'You should have created a new else statement');"
       ],
@@ -1078,9 +1078,9 @@
         "<code>Math.floor(Math.random() * (5 - 1 + 1)) + 1; </code>"
       ],
       "tests":[
-        "assert(typeof(runSlots($('.slot'))[0]) == 'number', 'slotOne should be a random number');",
-        "assert(typeof(runSlots($('.slot'))[1]) == 'number', 'slotTwo should be a random number');",
-        "assert(typeof(runSlots($('.slot'))[2]) == 'number', 'slotThree should be a random number');",
+        "assert(typeof(runSlots($(\".slot\"))[0]) == \"number\", 'slotOne should be a random number');",
+        "assert(typeof(runSlots($(\".slot\"))[1]) == \"number\", 'slotTwo should be a random number');",
+        "assert(typeof(runSlots($(\".slot\"))[2]) == \"number\", 'slotThree should be a random number');",
         "assert((function(){if(editor.match(/Math\\.floor\\(\\s?Math\\.random\\(\\)\\s?\\*\\s?\\(\\s?5\\s?\\-\\s?1\\s?\\+\\s?1\\s?\\)\\s?\\)\\s?\\+\\s?1;/gi) !== null){return(editor.match(/Math\\.floor\\(\\s?Math\\.random\\(\\)\\s?\\*\\s?\\(\\s?5\\s?\\-\\s?1\\s?\\+\\s?1\\s?\\)\\s?\\)\\s?\\+\\s?1;/gi).length >= 3);}else{return(false);}})(), 'You should have used Math.floor(Math.random() * (5 - 1 + 1)) + 1; three times to generate your random numbers');"
       ],
       "challengeSeed":[
@@ -1090,7 +1090,7 @@
         "   var slotTwo;",
         "   var slotThree;",
         "   ",
-        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
+        "   var images = [\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\"];",
         "   ",
         "   /*Don't modify above here*/",
         "   ",
@@ -1098,48 +1098,48 @@
         "   ",
         "   /*Don't modify below here*/",
         "   ",
-        "   $('.logger').html('');",
-        "   $('.logger').html('Not A Win')",
+        "   $(\".logger\").html(\"\");",
+        "   $(\".logger\").html(\"Not A Win\")",
         "   ",
         "   if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){",
-        "     $('.logger').html(slotOne + ' ' + slotTwo + ' ' + slotThree);",
+        "     $(\".logger\").html(slotOne + \" \" + slotTwo + \" \" + slotThree);",
         "   }",
         "   return([slotOne, slotTwo, slotThree]);",
         "  }",
         "",
         "  $(document).ready(function(){",
-        "     $('.go').click(function(){",
+        "     $(\".go\").click(function(){",
         "       runSlots();",
         "     });",
         "   });",
         "fcces",
         " ",
         "<div>",
-        " <div class = 'container inset'>",
-        "   <div class = 'header inset'>",
-        "     <img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code javascript at Free Code Camp logo' class='img-responsive nav-logo'>",
+        " <div class = \"container inset\">",
+        "   <div class = \"header inset\">",
+        "     <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code javascript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
         "     <h2>FCC Slot Machine</h2>",
         "   </div>",
-        "   <div class = 'slots inset'>",
-        "     <div class = 'slot inset'>",
+        "   <div class = \"slots inset\">",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'outset'>",
-        "     <button class = 'go inset'>",
+        "   <div class = \"outset\">",
+        "     <button class = \"go inset\">",
         "       Go",
         "     </button>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'foot inset'>",
-        "     <span class = 'logger'></span>",
+        "   <div class = \"foot inset\">",
+        "     <span class = \"logger\"></span>",
         "   </div>",
         " </div>",
         "</div>",
@@ -1243,62 +1243,62 @@
         "   var slotTwo;",
         "   var slotThree;",
         "   ",
-        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
+        "   var images = [\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\"];",
         "   ",
         "   slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotThree = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   ",
-        "   $('.logger').html('');",
-        "   $('.logger').html('Not A Win')",
+        "   $(\".logger\").html(\"\");",
+        "   $(\".logger\").html(\"Not A Win\")",
         "   ",
-        "   /*Don't modify above here*/",
+        "   /*Don\"t modify above here*/",
         "   ",
         "   ",
         "   ",
-        "   /*Don't modify below here*/",
+        "   /*Don\"t modify below here*/",
         "   ",
         "   if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){",
-        "     $('.logger').html(slotOne);",
-        "     $('.logger').append(' ' + slotTwo);",
-        "     $('.logger').append(' ' + slotThree);",
+        "     $(\".logger\").html(slotOne);",
+        "     $(\".logger\").append(\" \" + slotTwo);",
+        "     $(\".logger\").append(\" \" + slotThree);",
         "   }",
         "   return([slotOne, slotTwo, slotThree]);",
         "  }",
         "",
         "  $(document).ready(function(){",
-        "     $('.go').click(function(){",
+        "     $(\".go\").click(function(){",
         "       runSlots();",
         "     });",
         "   });",
         "fcces",
         " ",
         "<div>",
-        " <div class = 'container inset'>",
-        "   <div class = 'header inset'>",
-        "     <img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code javascript at Free Code Camp logo' class='img-responsive nav-logo'>",
+        " <div class = \"container inset\">",
+        "   <div class = \"header inset\">",
+        "     <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code javascript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
         "     <h2>FCC Slot Machine</h2>",
         "   </div>",
-        "   <div class = 'slots inset'>",
-        "     <div class = 'slot inset'>",
+        "   <div class = \"slots inset\">",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'outset'>",
-        "     <button class = 'go inset'>",
+        "   <div class = \"outset\">",
+        "     <button class = \"go inset\">",
         "       Go",
         "     </button>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'foot inset'>",
-        "     <span class = 'logger'></span>",
+        "   <div class = \"foot inset\">",
+        "     <span class = \"logger\"></span>",
         "   </div>",
         " </div>",
         "</div>",
@@ -1385,15 +1385,15 @@
       "difficulty":"9.990",
       "description":[
         "Now we can detect a win let's get the slot machine to look like it works",
-        "We're going to use the jQuery selector <code>$('.slot')</code> to select all of the slots",
+        "We're going to use the jQuery selector <code>$(\".slot\")</code> to select all of the slots",
         "Once they are all selected we can use bracket notation to access each individual one like this",
-        "<code>$($('.slot')[0])</code>",
+        "<code>$($(\".slot\")[0])</code>",
         "This will grab the the first slot so that we can add the numbers we generate to them",
         "Use the above selector to display each number in the corresponding slot"
       ],
       "tests":[
-        "assert((function(){runSlots();if($($('.slot')[0]).html().replace(/\\s/gi, '') !== '' && $($('.slot')[1]).html().replace(/\\s/gi, '') !== '' && $($('.slot')[2]).html().replace(/\\s/gi, '') !== ''){return(true);}else{return(false);}})(), 'You should be displaying the result of the slot numbers in the corresponding slots');",
-        "assert((function(){if(editor.match( /\\$\\(\\$\\(\\'\\.slot\\'\\)\\[\\d\\]\\)/gi )){if(editor.match( /\\$\\(\\$\\(\\'\\.slot\\'\\)\\[\\d\\]\\)/gi ).length >= 3 && editor.match( /\\.html\\(slotOne\\);/gi ) && editor.match( /\\.html\\(slotTwo\\);/gi ) && editor.match( /\\.html\\(slotThree\\);/gi )){return(true);}else{return(false);}}else{return(false);}})(), 'You should have used the the selector given in the description to select each slot and assign it the value of slotOne&#44; slotTwo and slotThree respectively');"
+        "assert((function(){runSlots();if($($(\".slot\")[0]).html().replace(/\\s/gi, \"\") !== \"\" && $($(\".slot\")[1]).html().replace(/\\s/gi, \"\") !== \"\" && $($(\".slot\")[2]).html().replace(/\\s/gi, \"\") !== \"\"){return(true);}else{return(false);}})(), 'You should be displaying the result of the slot numbers in the corresponding slots');",
+        "assert((function(){if(editor.match( /\\$\\(\\$\\(\\\"\\.slot\\\"\\)\\[\\d\\]\\)/gi )){if(editor.match( /\\$\\(\\$\\(\\\"\\.slot\\\"\\)\\[\\d\\]\\)/gi ).length >= 3 && editor.match( /\\.html\\(slotOne\\);/gi ) && editor.match( /\\.html\\(slotTwo\\);/gi ) && editor.match( /\\.html\\(slotThree\\);/gi )){return(true);}else{return(false);}}else{return(false);}})(), 'You should have used the the selector given in the description to select each slot and assign it the value of slotOne&#44; slotTwo and slotThree respectively');"
       ],
       "challengeSeed":[
         "fccss",
@@ -1403,14 +1403,14 @@
         "   var slotThree;",
         "   ",
         "   //Placeholder",
-        "   var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
+        "   var images = [\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\",\"https://bit.ly/fcc-relaxing-cat\"];",
         "   ",
         "   slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   slotThree = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
         "   ",
-        "   $('.logger').html('');",
-        "   $('.logger').html('Not A Win')",
+        "   $(\".logger\").html(\"\");",
+        "   $(\".logger\").html(\"Not A Win\")",
         "   ",
         "   /*Don't modify above here*/",
         "   ",
@@ -1423,47 +1423,47 @@
         "   }",
         "   ",
         "   if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){",
-        "     $('.logger').html(slotOne);",
-        "     $('.logger').append(' ' + slotTwo);",
-        "     $('.logger').append(' ' + slotThree);",
+        "     $(\".logger\").html(slotOne);",
+        "     $(\".logger\").append(\" \" + slotTwo);",
+        "     $(\".logger\").append(\" \" + slotThree);",
         "   }",
         "   ",
         "   return([slotOne, slotTwo, slotThree]);",
         "  }",
         "",
         "  $(document).ready(function(){",
-        "     $('.go').click(function(){",
+        "     $(\".go\").click(function(){",
         "       runSlots();",
         "     });",
         "   });",
         "fcces",
         " ",
         "<div>",
-        " <div class = 'container inset'>",
-        "   <div class = 'header inset'>",
-        "     <img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code javascript at Free Code Camp logo' class='img-responsive nav-logo'>",
+        " <div class = \"container inset\">",
+        "   <div class = \"header inset\">",
+        "     <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code javascript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
         "     <h2>FCC Slot Machine</h2>",
         "   </div>",
-        "   <div class = 'slots inset'>",
-        "     <div class = 'slot inset'>",
+        "   <div class = \"slots inset\">",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
-        "     <div class = 'slot inset'>",
+        "     <div class = \"slot inset\">",
         "       ",
         "     </div>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'outset'>",
-        "     <button class = 'go inset'>",
+        "   <div class = \"outset\">",
+        "     <button class = \"go inset\">",
         "       Go",
         "     </button>",
         "   </div>",
         "   <br/>",
-        "   <div class = 'foot inset'>",
-        "     <span class = 'logger'></span>",
+        "   <div class = \"foot inset\">",
+        "     <span class = \"logger\"></span>",
         "   </div>",
         " </div>",
         "</div>",
diff --git a/seed/challenges/bootstrap.json b/seed/challenges/bootstrap.json
index 52fc462389..7b4adc96c6 100644
--- a/seed/challenges/bootstrap.json
+++ b/seed/challenges/bootstrap.json
@@ -10,15 +10,15 @@
         "Now let's go back to our Cat Photo App. This time, we'll style it using the popular Bootstrap responsive CSS framework.",
         "Bootstrap will figure out how wide your screen is and respond by resizing your HTML elements - hence the name <code>Responsive Design</code>.",
         "With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.",
-        "You can add Bootstrap to any app just by including it with <code>&#60;link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'/&#62;</code> at the top of your HTML. But we've gone ahead and automatically added it to your Cat Photo App for you.",
+        "You can add Bootstrap to any app just by including it with <code>&#60;link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/&#62;</code> at the top of your HTML. But we've gone ahead and automatically added it to your Cat Photo App for you.",
         "To get started, we should nest all of our HTML in a <code>div</code> element with the class \"container-fluid\"."
       ],
       "tests": [
-        "assert($('div').hasClass('container-fluid'), 'Your <code>div</code> element should have the class \"container-fluid\"')",
+        "assert($(\"div\").hasClass(\"container-fluid\"), 'Your <code>div</code> element should have the class \"container-fluid\"')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -45,11 +45,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -64,13 +64,13 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality'> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Crazy</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -96,12 +96,12 @@
         "Fortunately, with Bootstrap, all we need to do is add the \"img-responsive\" class to your image. Do this, and the image should perfectly fit the width of your page."
       ],
       "tests": [
-        "assert($('img').length > 1, 'You should have a total of two images.')",
-        "assert($('img').hasClass('img-responsive'), 'Your new image should have the class \"img-responsive\".')",
-        "assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-running-cats</code>.')"
+        "assert($(\"img\").length > 1, 'You should have a total of two images.')",
+        "assert($(\"img\").hasClass(\"img-responsive\"), 'Your new image should have the class \"img-responsive\".')",
+        "assert(new RegExp(\"http://bit.ly/fcc-running-cats\", \"gi\").test($(\"img.img-responsive\").attr(\"src\")), 'Add a second image with the <code>src</code> of <code>http&#58;//bit.ly/fcc-running-cats</code>.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -128,12 +128,12 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "  <p>Things cats love:</p>",
         "  <ul>",
@@ -148,13 +148,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -180,10 +180,10 @@
         "Remember that you can add several classes to the same element by separating each of them with a space, like this: <code>&#60h2 class=\"text-red text-center\"&#62your text&#60/h2&#62</code>."
       ],
       "tests": [
-        "assert($('h2').hasClass('text-center'), 'Your <code>h2</code> element should be centered by applying the class \"text-center\"')"
+        "assert($(\"h2\").hasClass(\"text-center\"), 'Your <code>h2</code> element should be centered by applying the class \"text-center\"')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -210,14 +210,14 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -231,13 +231,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -263,12 +263,12 @@
         "Create a new <code>button</code> element below your large kitten photo. Give it the class \"btn\" and the text of \"like this photo\"."
       ],
       "tests": [
-        "assert($('button').hasClass('btn'), 'Your new button should have the class \"btn\".')",
-        "assert(new RegExp('like this photo','gi').test($('button.btn').text()), 'Your button should have the text \"like this photo\".')",
+        "assert($(\"button\").hasClass(\"btn\"), 'Your new button should have the class \"btn\".')",
+        "assert(new RegExp(\"like this photo\",\"gi\").test($(\"button.btn\").text()), 'Your button should have the text \"like this photo\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure all your <code>button</code> elements have a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -295,14 +295,14 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -316,13 +316,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -346,17 +346,17 @@
       "description": [
         "Normally, your <code>button</code> elements are only as wide as the text that they contain. By making them block elements, your button will stretch to fill your page's entire horizontal space.",
         "This image illustrates the difference between \"inline\" elements and \"block-level\" elements:",
-        "<img class='img-responsive' src='https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png' alt='An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
+        "<img class=\"img-responsive\" src=\"https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png\" alt=\"An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
         "Note that these buttons still need the \"btn\" class.",
         "Add Bootstrap's \"btn-block\" class to your Bootstrap button."
       ],
       "tests": [
-        "assert($('button').hasClass('btn'), 'Your button should still have the class \"btn\".')",
-        "assert($('button').hasClass('btn-block'), 'Your button should have the class \"btn-block\".')",
+        "assert($(\"button\").hasClass(\"btn\"), 'Your button should still have the class \"btn\".')",
+        "assert($(\"button\").hasClass(\"btn-block\"), 'Your button should have the class \"btn-block\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure all your <code>button</code> elements have a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -383,15 +383,15 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <button class='btn'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <button class=\"btn\">Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -405,13 +405,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -438,12 +438,12 @@
         "Note that this button will still need the \"btn\" and \"btn-block\" classes."
       ],
       "tests": [
-        "assert($('button').hasClass('btn-primary'), 'Your button should have the class \"btn-primary\".')",
-        "assert($('button').hasClass('btn-block') && $('button').hasClass('btn'), 'Your button should still have the \"btn\" and \"btn-block\" classes.')",
+        "assert($(\"button\").hasClass(\"btn-primary\"), 'Your button should have the class \"btn-primary\".')",
+        "assert($(\"button\").hasClass(\"btn-block\") && $(\"button\").hasClass(\"btn\"), 'Your button should still have the \"btn\" and \"btn-block\" classes.')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure all your <code>button</code> elements have a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -470,15 +470,15 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <button class='btn btn-block'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <button class=\"btn btn-block\">Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -492,13 +492,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -525,13 +525,13 @@
         "Note that these buttons still need the \"btn\" and \"btn-block\" classes."
       ],
       "tests": [
-        "assert($('button').hasClass('btn-info'), 'Your new button should have the class \"btn-info\".')",
-        "assert($('button.btn-block.btn').length > 1, 'Both of your Bootstrap buttons should have the \"btn\" and \"btn-block\" classes.')",
-        "assert(new RegExp('info', 'gi').test($('button.btn-info').text()), 'Your new button should have the text \"Info\".')",
+        "assert($(\"button\").hasClass(\"btn-info\"), 'Your new button should have the class \"btn-info\".')",
+        "assert($(\"button.btn-block.btn\").length > 1, 'Both of your Bootstrap buttons should have the \"btn\" and \"btn-block\" classes.')",
+        "assert(new RegExp(\"info\", \"gi\").test($(\"button.btn-info\").text()), 'Your new button should have the text \"Info\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure all your <code>button</code> elements have a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -558,15 +558,15 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <button class='btn btn-block btn-primary'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <button class=\"btn btn-block btn-primary\">Like</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -580,13 +580,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -613,13 +613,13 @@
         "Note that these buttons still need the \"btn\" and \"btn-block\" classes."
       ],
       "tests": [
-        "assert($('button').hasClass('btn-danger'), 'Your new button should have the class \"btn-danger\".')",
-        "assert($('button.btn-block.btn').length > 2, 'All of your Bootstrap buttons should have the \"btn\" and \"btn-block\" classes.')",
-        "assert(new RegExp('delete', 'gi').test($('button.btn-danger').text()), 'Your new button should have the text \"delete\".')",
+        "assert($(\"button\").hasClass(\"btn-danger\"), 'Your new button should have the class \"btn-danger\".')",
+        "assert($(\"button.btn-block.btn\").length > 2, 'All of your Bootstrap buttons should have the \"btn\" and \"btn-block\" classes.')",
+        "assert(new RegExp(\"delete\", \"gi\").test($(\"button.btn-danger\").text()), 'Your new button should have the text \"delete\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure all your <code>button</code> elements have a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -646,16 +646,16 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <button class='btn btn-block btn-primary'>Like</button>",
-        "  <button class='btn btn-block btn-info'>Info</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <button class=\"btn btn-block btn-primary\">Like</button>",
+        "  <button class=\"btn btn-block btn-info\">Info</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -669,13 +669,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -699,20 +699,20 @@
       "description": [
         "Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a <code>div</code> element.",
         "Here's a diagram of how Bootstrap's 12-column grid layout works:",
-        "<a href='http://getbootstrap.com/css/#grid-example-basic' target='_blank'><img class='img-responsive' src='https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png'></a>",
+        "<a href=\"http://getbootstrap.com/css/#grid-example-basic\" target=\"_blank\"><img class=\"img-responsive\" src=\"https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png\"></a>",
         "Note that in this illustration, the <code>col-md-*</code> class is being used. Here, \"md\" means \"medium\", and \"*\" is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.",
         "In the Cat Photo App that we're building, we'll use <code>col-xs-*</code>, where \"*\" is the number of columns wide the element should be, and \"xs\" means \"extra small\", like an extra-small mobile phone screen.",
         "Put the \"Like\", \"Info\" and \"Delete\" buttons side-by-side by nesting all three of them within one <code>&#60;div class=\"row\"&#62;</code> element, then each of them within a <code>&#60;div class=\"col-xs-4\"&#62;</code> element.",
         "The \"row\" class is applied to a <code>div</code>, and the buttons themselves can be nested within it."
       ],
       "tests": [
-        "assert($('div.row:has(button)').length > 0, 'Your buttons should all be nested within the same <code>div</code> element with the class \"row\".')",
-        "assert($('div.col-xs-4:has(button)').length > 2, 'Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class \"col-xs-4\".')",
+        "assert($(\"div.row:has(button)\").length > 0, 'Your buttons should all be nested within the same <code>div</code> element with the class \"row\".')",
+        "assert($(\"div.col-xs-4:has(button)\").length > 2, 'Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class \"col-xs-4\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure each of your <code>button</code> elements has a closing tag.')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -739,17 +739,17 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <button class='btn btn-block btn-primary'>Like</button>",
-        "  <button class='btn btn-block btn-info'>Info</button>",
-        "  <button class='btn btn-block btn-danger'>Delete</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <button class=\"btn btn-block btn-primary\">Like</button>",
+        "  <button class=\"btn btn-block btn-info\">Info</button>",
+        "  <button class=\"btn btn-block btn-danger\">Delete</button>",
         "  <p>Things cats love:</p>",
         "  <ul>",
         "    <li>cat nip</li>",
@@ -763,13 +763,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -796,14 +796,14 @@
         "Delete the \".red-text\", \"p\", and \".smaller-image\" CSS declarations from your <code>style</code> element so that the only declarations left in your <code>style</code> element are \"h2\" and \"thick-green-border\". Then Delete the <code>p</code> element that contains a dead link. Then remove the \"red-text\" class from your <code>h2</code> element and replace it with the \"text-primary\" Bootstrap class. Finally, remove the \"smaller-image\" class from your first <code>img</code> element and replace it with the <code>img-responsive</code> class."
       ],
       "tests": [
-        "assert(!$('h2').hasClass('red-text'), 'Your h2 element should no longer have the class \"red-text\".')",
-        "assert($('h2').hasClass('text-primary'), 'Your h2 element should now have the class \"text-primary\".')",
-        "assert(!$('p').css('font-family').match(/monospace/i), 'Your paragraph elements should no longer use the font \"Monospace\".')",
-        "assert(!$('img').hasClass('smaller-image'), 'Remove the \"smaller-image\" class from your top image.')",
-        "assert($('.img-responsive').length > 1, 'Add the \"img-responsive\" class to your top image.')"
+        "assert(!$(\"h2\").hasClass(\"red-text\"), 'Your h2 element should no longer have the class \"red-text\".')",
+        "assert($(\"h2\").hasClass(\"text-primary\"), 'Your h2 element should now have the class \"text-primary\".')",
+        "assert(!$(\"p\").css(\"font-family\").match(/monospace/i), 'Your paragraph elements should no longer use the font \"Monospace\".')",
+        "assert(!$(\"img\").hasClass(\"smaller-image\"), 'Remove the \"smaller-image\" class from your top image.')",
+        "assert($(\".img-responsive\").length > 1, 'Add the \"img-responsive\" class to your top image.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -830,23 +830,23 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\">Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\">Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\">Delete</button>",
         "    </div>",
         "  </div>",
         "  <p>Things cats love:</p>",
@@ -862,13 +862,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -892,19 +892,19 @@
       "description": [
         "You can use use spans to create inline elements. Remember when we used the \"btn-block\" class to make the button grow fill the entire row?",
         "This image illustrates the difference between \"inline\" elements and \"block-level\" elements:",
-        "<img class='img-responsive' src='https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png' alt='An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
+        "<img class=\"img-responsive\" src=\"https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png\" alt=\"An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
         "By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.",
         "Nest the word \"love\" in your \"Things cats love\" element below withing a <code>span</code> element. Then give that <code>span</code> the class \"text-danger\" to make the text red.",
         "Here's how you would do this with the \"Top 3 things cats hate\" element: <code>&#60;p&#62;Top 3 things cats &#60;span class\"text-danger\"&#62;hate&#60;/span&#62;&#60;/p&#62;</code>"
       ],
       "tests": [
-        "assert($('p span') && $('p span').length > 0, 'Your <code>span</code> element should be inside your <code>p</code> element.')",
-        "assert($('p span') && $('p span').text().match(/love/i), 'Your <code>span</code> element should have the text \"love\".')",
-        "assert($('span').hasClass('text-danger'), 'Your <code>span</code> element should have class \"text-danger\".')",
+        "assert($(\"p span\") && $(\"p span\").length > 0, 'Your <code>span</code> element should be inside your <code>p</code> element.')",
+        "assert($(\"p span\") && $(\"p span\").text().match(/love/i), 'Your <code>span</code> element should have the text \"love\".')",
+        "assert($(\"span\").hasClass(\"text-danger\"), 'Your <code>span</code> element should have class \"text-danger\".')",
         "assert(editor.match(/<\\/span>/g) && editor.match(/<span/g) && editor.match(/<\\/span>/g).length === editor.match(/<span/g).length, 'Make sure your <code>span</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -931,26 +931,26 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='red-text text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"red-text text-center\">CatPhotoApp</h2>",
         "",
-        "  <p>Click here for <a href='#'>cat photos</a>.</p>",
+        "  <p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "  <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\">Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\">Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\">Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -963,13 +963,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -994,20 +994,20 @@
         "We will make a simple heading for our Cat Photo App by putting them in the same row.",
         "Remember, Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a <code>div</code> element.",
         "Here's a diagram of how Bootstrap's 12-column grid layout works:",
-        "<a href='http://getbootstrap.com/css/#grid' target='_blank'><img class='img-responsive' src='https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png'></a>",
+        "<a href=\"http://getbootstrap.com/css/#grid\" target=\"_blank\"><img class=\"img-responsive\" src=\"https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png\"></a>",
         "Note that in this illustration, we use the \"col-md-*\" class. Here, \"md\" means \"medium\", and \"*\" is a number specifying how many columns wide the element should be. In this case, we're specifying how many columns wide an element should be on a medium-sized screen, such as a laptop.",
         "In the Cat Photo App that we're building, we'll use \"col-xs-*\", where \"*\" is the number of columns wide the element should be, and \"xs\" means \"extra small\", like an extra-small mobile phone screen.",
-        "Nest your first image and your <code>h2</code> element within a single <code>&#60;div class='row'&#62;</code> element. Nest your <code>h2</code> text within a <code>&#60;div class='col-xs-8'&#62;</code> and your image in a <code>&#60;div class='col-xs-4'&#62;</code> so that they are on the same line.",
+        "Nest your first image and your <code>h2</code> element within a single <code>&#60;div class=\"row\"&#62;</code> element. Nest your <code>h2</code> text within a <code>&#60;div class=\"col-xs-8\"&#62;</code> and your image in a <code>&#60;div class=\"col-xs-4\"&#62;</code> so that they are on the same line.",
         "Notice how the image is now just the right size to fit along the text?"
       ],
       "tests": [
-        "assert($('div.row:has(h2)').length > 0 && $('div.row:has(img)').length > 0, 'Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class \"row\".')",
-        "assert($('div.col-xs-4:has(img)').length > 0, 'Nest your topmost <code>img</code> element within a <code>div</code> with the class \"col-xs-4\".')",
-        "assert($('div.col-xs-8:has(h2)').length > 0, 'Nest your <code>h2</code> element within a <code>div</code> with the class \"col-xs-8\".')",
+        "assert($(\"div.row:has(h2)\").length > 0 && $(\"div.row:has(img)\").length > 0, 'Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class \"row\".')",
+        "assert($(\"div.col-xs-4:has(img)\").length > 0, 'Nest your topmost <code>img</code> element within a <code>div</code> with the class \"col-xs-4\".')",
+        "assert($(\"div.col-xs-8:has(h2)\").length > 0, 'Nest your <code>h2</code> element within a <code>div</code> with the class \"col-xs-8\".')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "",
         "<style>",
         "  h2 {",
@@ -1022,24 +1022,24 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "",
-        "  <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "  <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\">Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\">Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\">Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1052,13 +1052,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1084,12 +1084,12 @@
         "Use Font Awesome to add a \"thumbs-up\" icon to your like button by giving it a <code>i</code> element with the classes \"fa\" and \"fa-thumbs-up\"."
       ],
       "tests": [
-        "assert($('i').hasClass('fa fa-thumbs-up'), 'Add an <code>i</code> element with the classes \"fa\" and \"fa-thumbs-up\".')",
-        "assert($('button').children('i').length > 0, 'Nest your <code>i</code> element within your <code>button</code> element.')",
+        "assert($(\"i\").hasClass(\"fa fa-thumbs-up\"), 'Add an <code>i</code> element with the classes \"fa\" and \"fa-thumbs-up\".')",
+        "assert($(\"button\").children(\"i\").length > 0, 'Nest your <code>i</code> element within your <code>button</code> element.')",
         "assert(editor.match(/<\\/i>/g), 'Make sure your <code>i</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1103,28 +1103,28 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'>Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\">Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\">Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\">Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1137,13 +1137,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1169,12 +1169,12 @@
         "Use Font Awesome to add a \"info-circle\" icon to your info button and a \"trash\" icon to your delete button."
       ],
       "tests": [
-        "assert($('i').hasClass('fa fa-trash'), 'You should add a <code>&#60;i class=\"fa fa-trash\"&#62;&#60;/i&#62;</code> within your delete button element.')",
-        "assert($('i').hasClass('fa fa-info-circle'), 'You should add a <code>&#60;i class=\"fa fa-info-circle\"&#62;&#60;/i&#62;</code> within your info button element.')",
+        "assert($(\"i\").hasClass(\"fa fa-trash\"), 'You should add a <code>&#60;i class=\"fa fa-trash\"&#62;&#60;/i&#62;</code> within your delete button element.')",
+        "assert($(\"i\").hasClass(\"fa fa-info-circle\"), 'You should add a <code>&#60;i class=\"fa fa-info-circle\"&#62;&#60;/i&#62;</code> within your info button element.')",
         "assert(editor.match(/<\\/i>/g) && editor.match(/<\\/i/g).length > 2, 'Make sure each of your <code>i</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1188,28 +1188,28 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'>Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\">Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'>Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\">Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1222,13 +1222,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1251,15 +1251,15 @@
       "difficulty": 2.14,
       "description": [
         "You can use Bootstrap's \"col-xs-*\" classes on <code>form</code> elements, too! This way, our radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is.",
-        "Nest all of your radio buttons within a <code>&#60;div class='row'&#62;</code> element. Then nest each of them within a <code>&#60;div class='col-xs-6'&#62;</code> element."
+        "Nest all of your radio buttons within a <code>&#60;div class=\"row\"&#62;</code> element. Then nest each of them within a <code>&#60;div class=\"col-xs-6\"&#62;</code> element."
       ],
       "tests": [
-        "assert($('div.row:has(input[type=\\'radio\\'])').length > 0, 'Nest all of your radio buttons inside one <code>div</code> with the class \"row\".')",
-        "assert($('div.col-xs-6:has(input[type=\\'radio\\'])').length > 1, 'Nest each of your radio buttons inside its own <code>div</code> with the class \"col-xs-6\".')",
+        "assert($(\"div.row:has(input[type=\\\"radio\\\"])\").length > 0, 'Nest all of your radio buttons inside one <code>div</code> with the class \"row\".')",
+        "assert($(\"div.col-xs-6:has(input[type=\\\"radio\\\"])\").length > 1, 'Nest each of your radio buttons inside its own <code>div</code> with the class \"col-xs-6\".')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1273,28 +1273,28 @@
         "  }",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'><i class='fa fa-info-circle'></i> Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1307,13 +1307,13 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "    <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1336,15 +1336,15 @@
       "difficulty": 2.15,
       "description": [
         "You can use Bootstrap's \"col-xs-*\" classes on <code>form</code> elements, too! This way, our checkboxes will be evenly spread out across the page, regardless of how wide the screen resolution is.",
-        "Nest all your checkboxes in a <code>&#60;div class='row'&#62;</code> element. Then nest each of them in a <code>&#60;div class='col-xs-4'&#62;</code> element."
+        "Nest all your checkboxes in a <code>&#60;div class=\"row\"&#62;</code> element. Then nest each of them in a <code>&#60;div class=\"col-xs-4\"&#62;</code> element."
       ],
       "tests": [
-        "assert($('div.row:has(input[type=\\'checkbox\\'])').length > 0, 'Nest all of your checkboxes inside one <code>div</code> with the class \"row\".')",
-        "assert($('div.col-xs-4:has(input[type=\\'checkbox\\'])').length > 2, 'Nest each of your checkboxes inside its own <code>div</code> with the class \"col-xs-4\".')",
+        "assert($(\"div.row:has(input[type=\\\"checkbox\\\"])\").length > 0, 'Nest all of your checkboxes inside one <code>div</code> with the class \"row\".')",
+        "assert($(\"div.col-xs-4:has(input[type=\\\"checkbox\\\"])\").length > 2, 'Nest each of your checkboxes inside its own <code>div</code> with the class \"col-xs-4\".')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1359,28 +1359,28 @@
         "",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'><i class='fa fa-info-circle'></i> Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1393,19 +1393,19 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <div class='row'>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <div class=\"row\">",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
         "      </div>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
         "      </div>",
         "    </div>",
-        "    <label><input type='checkbox' name='personality'> Loving</label>",
-        "    <label><input type='checkbox' name='personality'> Lazy</label>",
-        "    <label><input type='checkbox' name='personality'> Crazy</label>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1431,13 +1431,13 @@
         "Give your form's text input field a class of \"form-control\". Give your form's submit button the classes \"btn btn-primary\". Also give this button the Font Awesome icon of \"fa-paper-plane\"."
       ],
       "tests": [
-        "assert($('button[type=\\'submit\\']').hasClass('btn btn-primary'), 'Give the submit button in your form the classes \"btn btn-primary\".')",
-        "assert($('button[type=\\'submit\\']:has(i.fa.fa-paper-plane)').length > 0, 'Add a <code>&#60;i class=\"fa fa-paper-plane\"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.')",
-        "assert($('input[type=\\'text\\']').hasClass('form-control'), 'Give the text <code>input</code> in your form the class \"form-control\".')",
+        "assert($(\"button[type=\\\"submit\\\"]\").hasClass(\"btn btn-primary\"), 'Give the submit button in your form the classes \"btn btn-primary\".')",
+        "assert($(\"button[type=\\\"submit\\\"]:has(i.fa.fa-paper-plane)\").length > 0, 'Add a <code>&#60;i class=\"fa fa-paper-plane\"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.')",
+        "assert($(\"input[type=\\\"text\\\"]\").hasClass(\"form-control\"), 'Give the text <code>input</code> in your form the class \"form-control\".')",
         "assert(editor.match(/<\\/i>/g) && editor.match(/<\\/i/g).length > 3, 'Make sure each of your <code>i</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1452,28 +1452,28 @@
         "",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'><i class='fa fa-info-circle'></i> Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1486,27 +1486,27 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <div class='row'>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <div class=\"row\">",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
         "      </div>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
         "      </div>",
         "    </div>",
-        "    <div class='row'>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Loving</label>",
+        "    <div class=\"row\">",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
         "      </div>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Lazy</label>",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
         "      </div>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Crazy</label>",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
         "      </div>",
         "    </div>",
-        "    <input type='text' placeholder='cat photo URL' required>",
-        "    <button type='submit'>Submit</button>",
+        "    <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\">Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1533,13 +1533,13 @@
         "This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design!"
       ],
       "tests": [
-        "assert($('div.row:has(input[type=\\'text\\'])').length > 0 &&  $('div.row:has(button[type=\\'submit\\'])').length > 0, 'Nest your form submission button and text input in a div with class \"row\".')",
-        "assert($('div.col-xs-5:has(button[type=\\'submit\\'])').length > 0, 'Nest your form submission button in a div with the class \"col-xs-5\".')",
-        "assert($('div.col-xs-7:has(input[type=\\'text\\'])').length > 0, 'Nest your form text input in a div with the class \"col-xs-7\".')",
+        "assert($(\"div.row:has(input[type=\\\"text\\\"])\").length > 0 &&  $(\"div.row:has(button[type=\\\"submit\\\"])\").length > 0, 'Nest your form submission button and text input in a div with class \"row\".')",
+        "assert($(\"div.col-xs-5:has(button[type=\\\"submit\\\"])\").length > 0, 'Nest your form submission button in a div with the class \"col-xs-5\".')",
+        "assert($(\"div.col-xs-7:has(input[type=\\\"text\\\"])\").length > 0, 'Nest your form text input in a div with the class \"col-xs-7\".')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  h2 {",
         "    font-family: Lobster, Monospace;",
@@ -1554,28 +1554,28 @@
         "",
         "</style>",
         "",
-        "<div class='container-fluid'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-8'>",
-        "      <h2 class='text-primary text-center'>CatPhotoApp</h2>",
+        "<div class=\"container-fluid\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-8\">",
+        "      <h2 class=\"text-primary text-center\">CatPhotoApp</h2>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "    <div class=\"col-xs-4\">",
+        "      <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "    </div>",
         "  </div>",
-        "  <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
-        "  <div class='row'>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-primary'><i class='fa fa-thumbs-up'></i> Like</button>",
+        "  <img src=\"http://bit.ly/fcc-running-cats\" class=\"img-responsive\">",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-info'><i class='fa fa-info-circle'></i> Info</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>",
         "    </div>",
-        "    <div class='col-xs-4'>",
-        "      <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
+        "    <div class=\"col-xs-4\">",
+        "      <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>",
         "    </div>",
         "  </div>",
-        "  <p>Things cats <span class='text-danger'>love:</span></p>",
+        "  <p>Things cats <span class=\"text-danger\">love:</span></p>",
         "  <ul>",
         "    <li>cat nip</li>",
         "    <li>laser pointers</li>",
@@ -1588,27 +1588,27 @@
         "    <li>other cats</li>",
         "  </ol>",
         "  <form action=\"/submit-cat-photo\">",
-        "    <div class='row'>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
+        "    <div class=\"row\">",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
         "      </div>",
-        "      <div class='col-xs-6'>",
-        "        <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
+        "      <div class=\"col-xs-6\">",
+        "        <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
         "      </div>",
         "    </div>",
-        "    <div class='row'>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Loving</label>",
+        "    <div class=\"row\">",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
         "      </div>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Lazy</label>",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
         "      </div>",
-        "      <div class='col-xs-4'>",
-        "        <label><input type='checkbox' name='personality'> Crazy</label>",
+        "      <div class=\"col-xs-4\">",
+        "        <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>",
         "      </div>",
         "    </div>",
-        "    <input type='text' class='form-control' placeholder='cat photo URL' required>",
-        "    <button type='submit' class='btn btn-primary'><i class='fa fa-paper-plane'></i> Submit</button>",
+        "    <input type=\"text\" class=\"form-control\" placeholder=\"cat photo URL\" required>",
+        "    <button type=\"submit\" class=\"btn btn-primary\"><i class=\"fa fa-paper-plane\"></i> Submit</button>",
         "  </form>",
         "</div>"
       ],
@@ -1630,17 +1630,17 @@
       "title": "Create a Bootstrap Headline",
       "difficulty": 2.18,
       "description": [
-        "Now let's build something from scratch to practice our HTML, CSS and Bootstrap skills.",
+        "Now let\"s build something from scratch to practice our HTML, CSS and Bootstrap skills.",
         "We'll build a jQuery playground, which we'll soon put to use in our jQuery challenges.",
         "To start with, create an <code>h3</code> element, with the text \"jQuery Playground\".",
         "Color your <code>h3</code> element with the \"text-primary\" Bootstrap class, and center it with the \"text-center\" Bootstrap class."
       ],
       "tests": [
-        "assert($('h3') && $('h3').length > 0, 'Add a <code>h3</code> element to your page.')",
+        "assert($(\"h3\") && $(\"h3\").length > 0, 'Add a <code>h3</code> element to your page.')",
         "assert(editor.match(/<\\/h3>/g) && editor.match(/<h3/g) && editor.match(/<\\/h3>/g).length === editor.match(/<h3/g).length, 'Make sure your <code>h3</code> element has a closing tag.')",
-        "assert($('h3').hasClass('text-primary'), 'Your <code>h3</code> element should be colored by applying the class \"text-primary\"')",
-        "assert($('h3').hasClass('text-center'), 'Your <code>h3</code> element should be centered by applying the class \"text-center\"')",
-        "assert.isTrue((/jquery(\\s)+playground/gi).test($('h3').text()), 'Your <code>h3</code> element should have the text \"jQuery Playground\".')"
+        "assert($(\"h3\").hasClass(\"text-primary\"), 'Your <code>h3</code> element should be colored by applying the class \"text-primary\"')",
+        "assert($(\"h3\").hasClass(\"text-center\"), 'Your <code>h3</code> element should be centered by applying the class \"text-center\"')",
+        "assert.isTrue((/jquery(\\s)+playground/gi).test($(\"h3\").text()), 'Your <code>h3</code> element should have the text \"jQuery Playground\".')"
       ],
       "challengeSeed": [
         "",
@@ -1669,11 +1669,11 @@
         "Let's nest your <code>h3</code> element within a <code>div<code> element with the class \"container-fluid\"."
       ],
       "tests": [
-        "assert($('div').hasClass('container-fluid'), 'Your <code>div</code> element should have the class \"container-fluid\"')",
+        "assert($(\"div\").hasClass(\"container-fluid\"), 'Your <code>div</code> element should have the class \"container-fluid\"')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure each of your <code>div</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<h3 class='text-primary text-center'>jQuery Playground</h3>",
+        "<h3 class=\"text-primary text-center\">jQuery Playground</h3>",
         "",
         ""
       ],
@@ -1699,13 +1699,13 @@
         "Create a <code>div</code> element with the class \"row\"."
       ],
       "tests": [
-        "assert($('div').length > 1, 'Add a <code>div</code> element to your page.')",
-        "assert($('div').hasClass('row'), 'Your <code>div</code> element should have the class \"row\"')",
+        "assert($(\"div\").length > 1, 'Add a <code>div</code> element to your page.')",
+        "assert($(\"div\").hasClass(\"row\"), 'Your <code>div</code> element should have the class \"row\"')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure your <code>div</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
         "</div>",
         "",
         ""
@@ -1732,13 +1732,13 @@
         "Create two <code>div</code> elements within your row, both with the class \"col-xs-6\"."
       ],
       "tests": [
-        "assert($('div.row').children('div.col-xs-6').length > 1, 'Nest two <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
+        "assert($(\"div.row\").children(\"div.col-xs-6\").length > 1, 'Nest two <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure all your <code>div</code> elements have closing tags.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
         "  </div>",
         "</div>"
       ],
@@ -1764,18 +1764,18 @@
         "Nest one <code>div</code> element with the class \"well\" within each of your \"col-xs-6\" <code>div</code> elements."
       ],
       "tests": [
-        "assert($('div').length > 4, 'Add two <code>div</code> elements inside your <code>div class=\"row\"></code> element both with the class \"col-xs-6\"')",
-        "assert($('div.row').children('div.col-xs-6').length > 1, 'Nest both of your <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
-        "assert($('div.col-xs-6').children('div.well').length > 1, 'Nest both of your <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
+        "assert($(\"div\").length > 4, 'Add two <code>div</code> elements inside your <code>div class=\"row\"></code> element both with the class \"col-xs-6\"')",
+        "assert($(\"div.row\").children(\"div.col-xs-6\").length > 1, 'Nest both of your <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
+        "assert($(\"div.col-xs-6\").children(\"div.well\").length > 1, 'Nest both of your <code>div class=\"col-xs-6\"</code> elements within your <code>div class=\"row\"</code> element.')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<div/g) && editor.match(/<\\/div>/g).length === editor.match(/<div/g).length, 'Make sure all your <code>div</code> elements have closing tags.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
         "    </div>",
-        "    <div class='col-xs-6'>",
+        "    <div class=\"col-xs-6\">",
         "    </div>",
         "  </div>",
         "</div>"
@@ -1802,19 +1802,19 @@
         "Nest three <code>button</code> elements within each of your \"well\" <code>div</code> elements."
       ],
       "tests": [
-        "assert($('div.well').children('button').length > 5, 'Nest three <code>button</code> elements within each of your <code>div</code> elements with class \"well\".')",
-        "assert($('button') && $('button').length > 5, 'You should have a total of 6 <code>button</code> elements.')"
+        "assert($(\"div.well\").children(\"button\").length > 5, 'Nest three <code>button</code> elements within each of your <code>div</code> elements with class \"well\".')",
+        "assert($(\"button\") && $(\"button\").length > 5, 'You should have a total of 6 <code>button</code> elements.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -1842,22 +1842,22 @@
         "Apply both the \"btn\" and \"btn-default\" classes to each of your <code>button</code> elements."
       ],
       "tests": [
-        "assert($('.btn').length > 5, 'Apply the \"btn\" class to each of your <code>button</code> elements.')",
-        "assert($('.btn-default').length > 5, 'Apply the \"btn-default\" class to each of your <code>button</code> elements.')"
+        "assert($(\".btn\").length > 5, 'Apply the \"btn\" class to each of your <code>button</code> elements.')",
+        "assert($(\".btn-default\").length > 5, 'Apply the \"btn-default\" class to each of your <code>button</code> elements.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
         "        <button></button>",
         "        <button></button>",
         "        <button></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
         "        <button></button>",
         "        <button></button>",
         "        <button></button>",
@@ -1888,24 +1888,24 @@
         "Give each of your <code>button</code> elements the class \"target\"."
       ],
       "tests": [
-        "assert($('.target').length > 5, 'Apply the \"target\" class to each of your <code>button</code> elements.')"
+        "assert($(\".target\").length > 5, 'Apply the \"target\" class to each of your <code>button</code> elements.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
-        "        <button class='btn btn-default'></button>",
-        "        <button class='btn btn-default'></button>",
-        "        <button class='btn btn-default'></button>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
+        "        <button class=\"btn btn-default\"></button>",
+        "        <button class=\"btn btn-default\"></button>",
+        "        <button class=\"btn btn-default\"></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
-        "        <button class='btn btn-default'></button>",
-        "        <button class='btn btn-default'></button>",
-        "        <button class='btn btn-default'></button>",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
+        "        <button class=\"btn btn-default\"></button>",
+        "        <button class=\"btn btn-default\"></button>",
+        "        <button class=\"btn btn-default\"></button>",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -1936,25 +1936,25 @@
         "Give the well on the left the id of \"left-well\". Give the well on the right the id of \"right-well\"."
       ],
       "tests": [
-        "assert($('#left-well') && $('#left-well').length > 0, 'Give your left \"well\" the id of \"left-well\".')",
-        "assert($('#right-well') && $('#right-well').length > 0, 'Give your right \"well\" the id of \"right-well\".')"
+        "assert($(\"#left-well\") && $(\"#left-well\").length > 0, 'Give your left \"well\" the id of \"left-well\".')",
+        "assert($(\"#right-well\") && $(\"#right-well\").length > 0, 'Give your right \"well\" the id of \"right-well\".')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -1983,26 +1983,26 @@
         "Above your right-well, inside its \"col-xs-6\" <code>div</code> element, add a <code>h4</code> element with the text \"#right-well\"."
       ],
       "tests": [
-        "assert($('.col-xs-6').children('h4') && $('.col-xs-6').children('h4').length > 1, 'Add an <code>h4</code> element to each of your <code>&#60;div class=\\'col-xs-6\\'&#62;</code> elements.');",
-        "assert(new RegExp('#left-well','gi').test($('h4').text()), 'One <code>h4</code> element should have the text \"#left-well\".');",
-        "assert(new RegExp('#right-well','gi').test($('h4').text()), 'One <code>h4</code> element should have the text \"#right-well\".');"
+        "assert($(\".col-xs-6\").children(\"h4\") && $(\".col-xs-6\").children(\"h4\").length > 1, 'Add an <code>h4</code> element to each of your <code>&#60;div class=\\\"col-xs-6\\\"&#62;</code> elements.');",
+        "assert(new RegExp(\"#left-well\",\"gi\").test($(\"h4\").text()), 'One <code>h4</code> element should have the text \"#left-well\".');",
+        "assert(new RegExp(\"#right-well\",\"gi\").test($(\"h4\").text()), 'One <code>h4</code> element should have the text \"#right-well\".');"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well' id='left-well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\" id=\"left-well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
-        "      <div class='well' id='right-well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "    <div class=\"col-xs-6\">",
+        "      <div class=\"well\" id=\"right-well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -2030,31 +2030,31 @@
         "Give each of your buttons a unique id like, starting with \"target1\" and ending with \"target6\"."
       ],
       "tests": [
-        "assert($('#target1') && $('#target1').length > 0, 'One <code>button</code> element should have the id \"target1\".')",
-        "assert($('#target2') && $('#target2').length > 0, 'One <code>button</code> element should have the id \"target2\".')",
-        "assert($('#target3') && $('#target3').length > 0, 'One <code>button</code> element should have the id \"target3\".')",
-        "assert($('#target4') && $('#target4').length > 0, 'One <code>button</code> element should have the id \"target4\".')",
-        "assert($('#target5') && $('#target5').length > 0, 'One <code>button</code> element should have the id \"target5\".')",
-        "assert($('#target6') && $('#target6').length > 0, 'One <code>button</code> element should have the id \"target6\".')"
+        "assert($(\"#target1\") && $(\"#target1\").length > 0, 'One <code>button</code> element should have the id \"target1\".')",
+        "assert($(\"#target2\") && $(\"#target2\").length > 0, 'One <code>button</code> element should have the id \"target2\".')",
+        "assert($(\"#target3\") && $(\"#target3\").length > 0, 'One <code>button</code> element should have the id \"target3\".')",
+        "assert($(\"#target4\") && $(\"#target4\").length > 0, 'One <code>button</code> element should have the id \"target4\".')",
+        "assert($(\"#target5\") && $(\"#target5\").length > 0, 'One <code>button</code> element should have the id \"target5\".')",
+        "assert($(\"#target6\") && $(\"#target6\").length > 0, 'One <code>button</code> element should have the id \"target6\".')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#left-well</h4>",
-        "      <div class='well' id='left-well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "      <div class=\"well\" id=\"left-well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#right-well</h4>",
-        "      <div class='well' id='right-well'>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
-        "        <button class='btn btn-default target'></button>",
+        "      <div class=\"well\" id=\"right-well\">",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
+        "        <button class=\"btn btn-default target\"></button>",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -2082,31 +2082,31 @@
         "Give each of your buttons text that corresponds to their id."
       ],
       "tests": [
-        "assert(new RegExp('#target1','gi').test($('#target1').text()), 'Give your <code>button</code> element with the id \"target1\" the text \"#target1\".')",
-        "assert(new RegExp('#target2','gi').test($('#target2').text()), 'Give your <code>button</code> element with the id \"target2\" the text \"#target2\".')",
-        "assert(new RegExp('#target3','gi').test($('#target3').text()), 'Give your <code>button</code> element with the id \"target3\" the text \"#target3\".')",
-        "assert(new RegExp('#target4','gi').test($('#target4').text()), 'Give your <code>button</code> element with the id \"target4\" the text \"#target4\".')",
-        "assert(new RegExp('#target5','gi').test($('#target5').text()), 'Give your <code>button</code> element with the id \"target5\" the text \"#target5\".')",
-        "assert(new RegExp('#target6','gi').test($('#target6').text()), 'Give your <code>button</code> element with the id \"target6\" the text \"#target6\".')"
+        "assert(new RegExp(\"#target1\",\"gi\").test($(\"#target1\").text()), 'Give your <code>button</code> element with the id \"target1\" the text \"#target1\".')",
+        "assert(new RegExp(\"#target2\",\"gi\").test($(\"#target2\").text()), 'Give your <code>button</code> element with the id \"target2\" the text \"#target2\".')",
+        "assert(new RegExp(\"#target3\",\"gi\").test($(\"#target3\").text()), 'Give your <code>button</code> element with the id \"target3\" the text \"#target3\".')",
+        "assert(new RegExp(\"#target4\",\"gi\").test($(\"#target4\").text()), 'Give your <code>button</code> element with the id \"target4\" the text \"#target4\".')",
+        "assert(new RegExp(\"#target5\",\"gi\").test($(\"#target5\").text()), 'Give your <code>button</code> element with the id \"target5\" the text \"#target5\".')",
+        "assert(new RegExp(\"#target6\",\"gi\").test($(\"#target6\").text()), 'Give your <code>button</code> element with the id \"target6\" the text \"#target6\".')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#left-well</h4>",
-        "      <div class='well' id='left-well'>",
-        "        <button class='btn btn-default target' id='target1'></button>",
-        "        <button class='btn btn-default target' id='target2'></button>",
-        "        <button class='btn btn-default target' id='target3'></button>",
+        "      <div class=\"well\" id=\"left-well\">",
+        "        <button class=\"btn btn-default target\" id=\"target1\"></button>",
+        "        <button class=\"btn btn-default target\" id=\"target2\"></button>",
+        "        <button class=\"btn btn-default target\" id=\"target3\"></button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#right-well</h4>",
-        "      <div class='well' id='right-well'>",
-        "        <button class='btn btn-default target' id='target4'></button>",
-        "        <button class='btn btn-default target' id='target5'></button>",
-        "        <button class='btn btn-default target' id='target6'></button>",
+        "      <div class=\"well\" id=\"right-well\">",
+        "        <button class=\"btn btn-default target\" id=\"target4\"></button>",
+        "        <button class=\"btn btn-default target\" id=\"target5\"></button>",
+        "        <button class=\"btn btn-default target\" id=\"target6\"></button>",
         "      </div>",
         "    </div>",
         "  </div>",
@@ -2141,23 +2141,23 @@
         "assert(editor.match(/-->/g) && editor.match(/-->/g).length > 0, 'Be sure to close your comment with <code>--&#62;</code>.')"
       ],
       "challengeSeed": [
-        "<div class='container-fluid'>",
-        "  <h3 class='text-primary text-center'>jQuery Playground</h3>",
-        "  <div class='row'>",
-        "    <div class='col-xs-6'>",
+        "<div class=\"container-fluid\">",
+        "  <h3 class=\"text-primary text-center\">jQuery Playground</h3>",
+        "  <div class=\"row\">",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#left-well</h4>",
-        "      <div class='well' id='left-well'>",
-        "        <button class='btn btn-default target' id='target1'>#target1</button>",
-        "        <button class='btn btn-default target' id='target2'>#target2</button>",
-        "        <button class='btn btn-default target' id='target3'>#target3</button>",
+        "      <div class=\"well\" id=\"left-well\">",
+        "        <button class=\"btn btn-default target\" id=\"target1\">#target1</button>",
+        "        <button class=\"btn btn-default target\" id=\"target2\">#target2</button>",
+        "        <button class=\"btn btn-default target\" id=\"target3\">#target3</button>",
         "      </div>",
         "    </div>",
-        "    <div class='col-xs-6'>",
+        "    <div class=\"col-xs-6\">",
         "      <h4>#right-well</h4>",
-        "      <div class='well' id='right-well'>",
-        "        <button class='btn btn-default target' id='target4'>#target4</button>",
-        "        <button class='btn btn-default target' id='target5'>#target5</button>",
-        "        <button class='btn btn-default target' id='target6'>#target6</button>",
+        "      <div class=\"well\" id=\"right-well\">",
+        "        <button class=\"btn btn-default target\" id=\"target4\">#target4</button>",
+        "        <button class=\"btn btn-default target\" id=\"target5\">#target5</button>",
+        "        <button class=\"btn btn-default target\" id=\"target6\">#target6</button>",
         "      </div>",
         "    </div>",
         "  </div>",
diff --git a/seed/challenges/html5-and-css.json b/seed/challenges/html5-and-css.json
index 5fd9107995..9e2b8f62f3 100644
--- a/seed/challenges/html5-and-css.json
+++ b/seed/challenges/html5-and-css.json
@@ -62,10 +62,10 @@
         "<code>h2</code> elements are slightly smaller than <code>h1</code> elements. There are also <code>h3</code>, <code>h4</code>, <code>h5</code> and <code>h6</code> elements."
       ],
       "tests": [
-        "assert(($('h2').length > 0), 'Create an <code>h2</code> element.')",
+        "assert(($(\"h2\").length > 0), 'Create an <code>h2</code> element.')",
         "assert(editor.match(/<\\/h2>/g) && editor.match(/<\\/h2>/g).length === editor.match(/<h2>/g).length, 'Make sure your <code>h2</code> element has a closing tag.')",
-        "assert.isTrue((/cat(\\s)?photo(\\s)?app/gi).test($('h2').text()), 'Your <code>h2</code> element should have the text \"CatPhotoApp\".')",
-        "assert.isTrue((/hello(\\s)+world/gi).test($('h1').text()), 'Your <code>h1</code> element should have the text \"Hello World\".')"
+        "assert.isTrue((/cat(\\s)?photo(\\s)?app/gi).test($(\"h2\").text()), 'Your <code>h2</code> element should have the text \"CatPhotoApp\".')",
+        "assert.isTrue((/hello(\\s)+world/gi).test($(\"h1\").text()), 'Your <code>h1</code> element should have the text \"Hello World\".')"
       ],
       "challengeSeed": [
         "<h1>Hello World</h1>"
@@ -105,8 +105,8 @@
         "You can create a <code>p</code> element like so: <code>&#60;p&#62;I'm a p tag!&#60;/p&#62;</code>."
       ],
       "tests": [
-        "assert(($('p').length > 0), 'Create a <code>p</code> element.')",
-        "assert.isTrue((/hello(\\s)+paragraph/gi).test($('p').text()), 'Your <code>p</code> element should have the text \"Hello Paragraph\".')",
+        "assert(($(\"p\").length > 0), 'Create a <code>p</code> element.')",
+        "assert.isTrue((/hello(\\s)+paragraph/gi).test($(\"p\").text()), 'Your <code>p</code> element should have the text \"Hello Paragraph\".')",
         "assert(editor.match(/<\\/p>/g) && editor.match(/<\\/p>/g).length === editor.match(/<p/g).length, 'Make sure your <code>p</code> element has a closing tag.')"
       ],
       "challengeSeed": [
@@ -147,10 +147,10 @@
         "You can start a comment with <code>&#60;!--</code> and end a comment with <code>--&#62;</code>."
       ],
       "tests": [
-        "assert($('h1').length > 0, 'Make your <code>h1</code> element visible on your page by uncommenting it.')",
-        "assert($('h2').length > 0, 'Make your <code>h2</code> element visible on your page by uncommenting it.')",
-        "assert($('p').length > 0, 'Make your <code>p</code> element visible on your page by uncommenting it.')",
-        "assert(!new RegExp('-->', 'gi').test(editor), 'Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.')"
+        "assert($(\"h1\").length > 0, 'Make your <code>h1</code> element visible on your page by uncommenting it.')",
+        "assert($(\"h2\").length > 0, 'Make your <code>h2</code> element visible on your page by uncommenting it.')",
+        "assert($(\"p\").length > 0, 'Make your <code>p</code> element visible on your page by uncommenting it.')",
+        "assert(!new RegExp(\"-->\", 'gi').test(editor), 'Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.')"
       ],
       "challengeSeed": [
         "<!--",
@@ -196,9 +196,9 @@
         "Here you'll need to end the comment before your <code>h2</code> element begins."
       ],
       "tests": [
-        "assert(($('h1').length === 0), 'Comment out your <code>h1</code> element so that it is not visible on your page.')",
-        "assert(($('h2').length > 0), 'Leave your <code>h2</code> element uncommented so that it is visible on your page.')",
-        "assert(($('p').length === 0), 'Comment out your <code>p</code> element so that it is not visible on your page.')",
+        "assert(($(\"h1\").length === 0), 'Comment out your <code>h1</code> element so that it is not visible on your page.')",
+        "assert(($(\"h2\").length > 0), 'Leave your <code>h2</code> element uncommented so that it is visible on your page.')",
+        "assert(($(\"p\").length === 0), 'Comment out your <code>p</code> element so that it is not visible on your page.')",
         "assert(editor.match(/-->/g).length > 1, 'Be sure to close each of your comments with <code>--&#62;</code>.')"
       ],
       "challengeSeed": [
@@ -244,7 +244,7 @@
         "Replace the text inside your <code>p</code> element with the first few words of this \"Kitty Ipsum\" text: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code>"
       ],
       "tests": [
-        "assert.isTrue((/Kitty(\\s)+ipsum(\\s)+dolor/gi).test($('p').text()), 'Your <code>p</code> element should contain the first few words of the provided \"Kitty Ipsum\" text.')"
+        "assert.isTrue((/Kitty(\\s)+ipsum(\\s)+dolor/gi).test($(\"p\").text()), ¬Your <code>p</code> element should contain the first few words of the provided \"Kitty Ipsum\" text.¬)"
       ],
       "challengeSeed": [
         "<h1>Hello World</h1>",
@@ -266,7 +266,7 @@
         "Cambia el texto en el elemento <code>p</code> para usar las primeras palabras del texto <code>Kitty Ipsum</code>.",
         "Los desarrolladores web tradicionalmente usan <code>Lorem Ipsum</code> como texto de relleno. Se llama texto Lorem Ipsum porque esas son las primeras dos palabras de una cita famosa de Cicerón de la Roma Antigua.",
         "El texto Lorem Ipsum ha sido usado como texto de relleno en las imprentas desde el siglo 16, y esta tradición continúa en la web.",
-        "Bueno, 5 siglos es bastante. Ya que estamos construyendo una aplicación de fotos de gatos (CatPhotoApp), ¡usemos algo llamado <a href='http://kittyipsum.com/'>Kitty Ipsum</a>!",
+        "Bueno, 5 siglos es bastante. Ya que estamos construyendo una aplicación de fotos de gatos (CatPhotoApp), ¡usemos algo llamado <a href=πhttp://kittyipsum.com/\">Kitty Ipsum</a>!",
         "Aquí están las primeras palabras del texto Kitty Ipsum, que puedes copiar y pegar en la posición correcta: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code>"
       ],
       "namePt": "",
@@ -286,13 +286,13 @@
       "difficulty": 1.07,
       "description": [
         "Delete your <code>h1</code> element so we can simplify our view.",
-        "Our phone doesn't have much vertical space.",
-        "Let's remove the unnecessary elements so we can start building our CatPhotoApp."
+        "Our phone doesn¬t have much vertical space.",
+        "Let¬s remove the unnecessary elements so we can start building our CatPhotoApp."
       ],
       "tests": [
-        "assert(($('h1').length == 0), 'Delete your <code>h1</code> element.')",
-        "assert(($('h2').length > 0), 'Leave your <code>h2</code> element on the page.')",
-        "assert(($('p').length > 0), 'Leave your <code>p</code> element on the page.')"
+        "assert(($(\"h1\").length == 0), 'Delete your <code>h1</code> element.')",
+        "assert(($(\"h2\").length > 0), 'Leave your <code>h2</code> element on the page.')",
+        "assert(($(\"p\").length > 0), 'Leave your <code>p</code> element on the page.')"
       ],
       "challengeSeed": [
         "<h1>Hello World</h1>",
@@ -335,7 +335,7 @@
         "Here's how you would set your <code>h2</code> element's text color to blue: <code>&#60;h2 style=\"color: blue\"&#62;CatPhotoApp&#60;/h2&#62;</code>."
       ],
       "tests": [
-        "assert($('h2').css('color') === 'rgb(255, 0, 0)', 'Your <code>h2</code> element should be red.')"
+        "assert($(\"h2\").css(\"color\") === \"rgb(255, 0, 0)\", 'Your <code>h2</code> element should be red.')"
       ],
       "challengeSeed": [
         "<h2>CatPhotoApp</h2>",
@@ -380,13 +380,13 @@
         "Note that it's important to have both opening and closing curly braces (<code>{</code> and <code>}</code>) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of your element's styles."
       ],
       "tests": [
-        "assert($('h2').css('color') === 'rgb(0, 0, 255)', 'Your <code>h2</code> element should be blue.')",
-        "assert(!$('h2').attr('style'), 'Remove the style attribute from your <code>h2</code> element.')",
-        "assert(($('style').length > 1), 'Create a <code>style</code> element.')",
+        "assert($(\"h2\").css(\"color\") === \"rgb(0, 0, 255)\", 'Your <code>h2</code> element should be blue.')",
+        "assert(!$(\"h2\").attr(\"style\"), 'Remove the style attribute from your <code>h2</code> element.')",
+        "assert(($(\"style\").length > 1), 'Create a <code>style</code> element.')",
         "assert(editor.match(/<\\/style>/g) && editor.match(/<\\/style>/g).length === editor.match(/<style>/g).length, 'Make sure each of your <code>style</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<h2 style='color: red'>CatPhotoApp</h2>",
+        "<h2 style=\"color: red\">CatPhotoApp</h2>",
         "",
         "<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>"
       ],
@@ -429,16 +429,16 @@
         "Create a CSS class called \"red-text\" and apply it to your <code>h2</code> element.",
         "Classes are reusable styles that can be added to HTML elements.",
         "Here's the anatomy of a CSS class:",
-        "<img class='img-responsive' alt='a diagram of how style tags are composed, which is also described in detail on the following lines.' src='https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png'/>",
+        "<img class=\"img-responsive\" alt=\"a diagram of how style tags are composed, which is also described in detail on the following lines.\" src=\"https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png\"/>",
         "You can see that we've created a CSS class called \"blue-text\" within the <code>&#60;style&#62;</code> tag.",
         "You can apply a class to an HTML element like this: <code>&#60;h2 class=\"blue-text\"&#62;CatPhotoApp&#60;/h2&#62;</code>.",
         "Note that in your CSS <code>style</code> element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.",
         "Instead of creating a new <code>style</code> element, try removing the <code>h2</code> style declaration from your existing style element, then replace it with the class declaration for \".red-text\"."
       ],
       "tests": [
-        "assert($('h2').css('color') === 'rgb(255, 0, 0)', 'Your <code>h2</code> element should be red.')",
-        "assert($('h2').hasClass('red-text'), 'Your <code>h2</code> element should have the class \"red-text\".')",
-        "assert($('h2').attr('style') === undefined, 'Please make sure there is no inline <code> style =  </code> in you <code>h2</code> and change the color by using the css class <code> red-text </code>')"
+        "assert($(\"h2\").css(\"color\") === \"rgb(255, 0, 0)\", 'Your <code>h2</code> element should be red.')",
+        "assert($(\"h2\").hasClass(\"red-text\"), 'Your <code>h2</code> element should have the class \"red-text\".')",
+        "assert($(\"h2\").attr(\"style\") === undefined, 'Please make sure there is no inline <code> style =  </code> in you <code>h2</code> and change the color by using the css class <code> red-text </code>')"
       ],
       "challengeSeed": [
         "<style>",
@@ -464,7 +464,7 @@
         "Crea una clase CSS llamada \"red-text\" y aplicala a tu elemento <code>h2</code>.",
         "Las clases son estilos reutilizables que pueden ser añadidos a elementos HTML",
         "Esta es la anatomía de una clase CSS:",
-        "<img class='img-responsive' alt='a diagram of how style tags are composed, which is also described in detail on the following lines.' src='https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png'/>",
+        "<img class=\"img-responsive\" alt=\"a diagram of how style tags are composed, which is also described in detail on the following lines.\" src=\"https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png\"/>",
         "Puedes ver que hemos creado una clase CSS llamada \"blue-text\" dentro de la etiqueta <code>&#60;style&#62;</code>.",
         "Puedes aplicar una clase a un elemento HTML de esta manera: <code>&#60;h2 class=\"blue-text\"&#62;CatPhotoApp&#60;/h2&#62;</code>.",
         "Nota que en el elemento CSS <code>style</code>, las clases deberían comenzar con un punto. En los elementos HTML, las declaraciones de clase, NO deberían comenzar con punto. ",
@@ -477,7 +477,7 @@
         "Erstelle eine CSS Klasse namens \"red-text\" und füge sie zu deinem <code>h2</code> Element hinzu.",
         "Klassen sind wiederverwendbare Styles, die HTML Elementen zugewiesen werden können.",
         "So sieht eine CSS Klasse aus:",
-        "<img class='img-responsive' alt='Ein Beispiel, wie Styles geschrieben werden. Das wird im Detail in den folgenden Zeilen beschrieben.' src='https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png'/>",
+        "<img class=\"img-responsive\" alt=\"Ein Beispiel, wie Styles geschrieben werden. Das wird im Detail in den folgenden Zeilen beschrieben.\" src=\"https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png\"/>",
         "Du siehst, dass wir die CSS Klasse \"blue-text\" innerhalb von <code>&#60;style&#62;</code> geschrieben haben.",
         "Du kannst eine Klasse folgendermaßen einem HTML Element beifügen: <code>&#60;h2 class=\"blue-text\"&#62;CatPhotoApp&#60;/h2&#62;</code>.",
         "Beachte, dass Klassen in deinem CSS <code>style</code> Element mit einem Punkt beginngen sollten. In deinen Klassen-Deklarationen von HTML Elementen sollten diese nicht mit einem Punkt beginnen.",
@@ -494,10 +494,10 @@
         "Remember that CSS selectors require a period at the beginning like this: <code>.blue-text { color: blue; }</code>, but that class declarations don't use a period, like this: <code>&#60;h2 class=\"blue-text\"&#62;CatPhotoApp&#60;h2&#62;</code>."
       ],
       "tests": [
-        "assert($('h2').css('color') === 'rgb(255, 0, 0)', 'Your <code>h2</code> element should be red.')",
-        "assert($('h2').hasClass('red-text'), 'Your <code>h2</code> element should have the class \"red-text\".')",
-        "assert($('p').css('color') === 'rgb(255, 0, 0)', 'Your <code>p</code> element should be red.')",
-        "assert($('p').hasClass('red-text'), 'Your <code>p</code> element should have the class \"red-text\".')"
+        "assert($(\"h2\").css(\"color\") === \"rgb(255, 0, 0)\", 'Your <code>h2</code> element should be red.')",
+        "assert($(\"h2\").hasClass(\"red-text\"), 'Your <code>h2</code> element should have the class \"red-text\".')",
+        "assert($(\"p\").css(\"color\") === \"rgb(255, 0, 0)\", 'Your <code>p</code> element should be red.')",
+        "assert($(\"p\").hasClass(\"red-text\"), 'Your <code>p</code> element should have the class \"red-text\".')"
       ],
       "challengeSeed": [
         "<style>",
@@ -506,7 +506,7 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
         "<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>"
       ],
@@ -544,10 +544,10 @@
         "See if you can figure out how to give both of your <code>p</code> elements the font-size of 16 pixels (<code>16px</code>). You can do this inside the same <code>&#60;style&#62;</code> tag that we created for your \"red-text\" class."
       ],
       "tests": [
-        "assert($('p').length > 1, 'You need 2 <code>p</code> elements with Kitty Ipsum text.')",
+        "assert($(\"p\").length > 1, 'You need 2 <code>p</code> elements with Kitty Ipsum text.')",
         "assert(editor.match(/<\\/p>/g) && editor.match(/<\\/p>/g).length === editor.match(/<p/g).length, 'Make sure each of your <code>p</code> elements has a closing tag.')",
-        "assert.isTrue((/Purr\\s+jump\\s+eat/gi).test($('p').text()), 'Your <code>p</code> element should contain the first few words of the provided additional \"Kitty Ipsum\" text.')",
-        "assert($('p').css('font-size') === '16px', 'Give your <code>p</code> elements the font-size of 16px.')"
+        "assert.isTrue((/Purr\\s+jump\\s+eat/gi).test($(\"p\").text()), 'Your <code>p</code> element should contain the first few words of the provided additional \"Kitty Ipsum\" text.')",
+        "assert($(\"p\").css(\"font-size\") === \"16px\", 'Give your <code>p</code> elements the font-size of 16px.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -556,9 +556,9 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -595,7 +595,7 @@
         "For example, if you wanted to set your <code>h2</code> element's font to \"Sans-serif\", you would use the following CSS: <code>h2 { font-family: Sans-serif; }</code>."
       ],
       "tests": [
-        "assert($('p').css('font-family').match(/monospace/i), 'Your <code>p</code> elements should use the font \"Monospace\".')"
+        "assert($(\"p\").css(\"font-family\").match(/monospace/i), 'Your <code>p</code> elements should use the font \"Monospace\".')"
       ],
       "challengeSeed": [
         "<style>",
@@ -608,9 +608,9 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
         "<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
@@ -640,13 +640,13 @@
         "Apply the <code>font-family</code> of \"Lobster\" to your <code>h2</code> element.",
         "First, you'll need to make a \"call\" to Google to grab the \"Lobster\" font and load it into your HTML.",
         "Copy the following code snippet and paste it into your code editor:",
-        "<code>&#60;link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'&#62;</code>.",
+        "<code>&#60;link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\"&#62;</code>.",
         "Now you can set \"Lobster\" as a font-family attribute on your <code>h2</code> element."
       ],
       "tests": [
-        "assert(new RegExp('googleapis', 'gi').test(editor), 'Import the \"Lobster\" font.')",
-        "assert($('h2').css('font-family').match(/lobster/i), 'Your <code>h2</code> element should use the font \"Lobster\".')",
-        "assert($('p').css('font-family').match(/monospace/i), 'Your <code>p</code> element should still use the font \"Monospace\".')"
+        "assert(new RegExp(\"googleapis\", \"gi\").test(editor), 'Import the \"Lobster\" font.')",
+        "assert($(\"h2\").css(\"font-family\").match(/lobster/i), 'Your <code>h2</code> element should use the font \"Lobster\".')",
+        "assert($(\"p\").css(\"font-family\").match(/monospace/i), 'Your <code>p</code> element should still use the font \"Monospace\".')"
       ],
       "challengeSeed": [
         "<style>",
@@ -660,10 +660,10 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -682,7 +682,7 @@
         "Füge dem <code>h2</code> Element die Schriftart oder <code>font-family</code> \"Lobster\" hinzu.",
         "Zuerst musst du Google Fonts in dein HTML einbinden, um auf \"Lobster\" zugreifen zu können.",
         "Kopiere den folgenden Code und füge diesen in deinen Editor über dem <code>style</code> Element ein:",
-        "<code>&#60;link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'&#62;</code>.",
+        "<code>&#60;link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\"&#62;</code>.",
         "Jetzt kannst du \"Lobster\" als font-family Attribut zu deinem <code>h2</code> Element hinzufügen."
       ]
     },
@@ -696,13 +696,13 @@
         "Now comment out your call to Google Fonts, so that the \"Lobster\" font isn't available. Notice how it degrades to the \"Monospace\" font."
       ],
       "tests": [
-        "assert($('h2').css('font-family').match(/^\"?lobster/i), 'Your h2 element should use the font \"Lobster\".')",
-        "assert($('h2').css('font-family').match(/lobster.*,.*monospace/i), 'Your h2 element should degrade to the font \"Monospace\" when \"Lobster\" is not available.')",
-        "assert(new RegExp('<!--', 'gi').test(editor), 'Comment out your call to Google for the \"Lobster\" font by putting <code>&#60!-- in front of it.')",
-        "assert(new RegExp('-->', 'gi').test(editor), 'Be sure to close your comment by deleting all trailing comment tags&#44; i.e. <code>--&#62;</code>.')"
+        "assert($(\"h2\").css(\"font-family\").match(/^\"?lobster/i), 'Your h2 element should use the font \"Lobster\".')",
+        "assert($(\"h2\").css(\"font-family\").match(/lobster.*,.*monospace/i), 'Your h2 element should degrade to the font \"Monospace\" when \"Lobster\" is not available.')",
+        "assert(new RegExp(\"<!--\", \"gi\").test(editor), 'Comment out your call to Google for the \"Lobster\" font by putting <code>&#60!-- in front of it.')",
+        "assert(new RegExp(\"-->\", \"gi\").test(editor), 'Be sure to close your comment by deleting all trailing comment tags&#44; i.e. <code>--&#62;</code>.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -718,10 +718,10 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -754,11 +754,11 @@
         "Try it with this image: <code>https://bit.ly/fcc-relaxing-cat</code>."
       ],
       "tests": [
-        "assert($('img').length > 0, 'Your page should have an image element.')",
-        "assert($('img').filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-relaxing-cat/gi.test($('img').attr('src')); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
+        "assert($(\"img\").length > 0, 'Your page should have an image element.')",
+        "assert($(\"img\").filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-relaxing-cat/gi.test($(\"img\").attr(\"src\")); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -774,10 +774,10 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -809,11 +809,11 @@
         "Create a class called <code>smaller-image</code> and use it to resize the image so that it's only 100 pixels wide."
       ],
       "tests": [
-        "assert($('img').hasClass('smaller-image'), 'Your <code>img</code> element should have the class \"smaller-image\".')",
-        "assert($('img').width() === 100, 'Your image should be 100 pixels wide.')"
+        "assert($(\"img\").hasClass(\"smaller-image\"), 'Your <code>img</code> element should have the class \"smaller-image\".')",
+        "assert($(\"img\").width() === 100, 'Your image should be 100 pixels wide.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -829,12 +829,12 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<img src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -865,14 +865,14 @@
         "Create a class called \"thick-green-border\" that puts a 10-pixel-wide green border with a style of \"solid\" around an HTML element, and apply that class to your cat photo."
       ],
       "tests": [
-        "assert($('img').hasClass('smaller-image'), 'Your <code>img</code> element should have the class \"smaller-image\".')",
-        "assert($('img').hasClass('thick-green-border'), 'Your <code>img</code> element should have the class \"thick-green-border\".')",
-        "assert($('img').hasClass('thick-green-border') && parseInt($('img').css('border-top-width')), 'Give your image a border width of 10px.')",
-        "assert(new RegExp('solid', 'gi').test(editor), 'Give your image a border style of \"solid\".')",
-        "assert($('img').css('border-left-color') === 'rgb(0, 128, 0)', 'The border around your <code>img</code> element should be green.')"
+        "assert($(\"img\").hasClass(\"smaller-image\"), 'Your <code>img</code> element should have the class \"smaller-image\".')",
+        "assert($(\"img\").hasClass(\"thick-green-border\"), 'Your <code>img</code> element should have the class \"thick-green-border\".')",
+        "assert($(\"img\").hasClass(\"thick-green-border\") && parseInt($(\"img\").css(\"border-top-width\")), 'Give your image a border width of 10px.')",
+        "assert(new RegExp(\"solid\", \"gi\").test(editor), 'Give your image a border style of \"solid\".')",
+        "assert($(\"img\").css(\"border-left-color\") === \"rgb(0, 128, 0)\", 'The border around your <code>img</code> element should be green.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -892,12 +892,12 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -928,11 +928,11 @@
         "Give your cat photo a <code>border-radius</code> of 10 pixels."
       ],
       "tests": [
-        "assert($('img').hasClass('thick-green-border'), 'Your image element should have the class \"thick-green-border\".')",
-        "assert(parseInt($('img').css('border-top-left-radius')) > 8, 'Your image should have a border radius of 10 pixels')"
+        "assert($(\"img\").hasClass(\"thick-green-border\"), 'Your image element should have the class \"thick-green-border\".')",
+        "assert(parseInt($(\"img\").css(\"border-top-left-radius\")) > 8, 'Your image should have a border radius of 10 pixels')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -958,12 +958,12 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -993,11 +993,11 @@
         "Give your cat photo a <code>border-radius</code> of 50%."
       ],
       "tests": [
-        "assert(parseInt($('img').css('border-top-left-radius')) > 48, 'Your image should have a border radius of 50 percent&#44; making it perfectly circular.')",
+        "assert(parseInt($(\"img\").css(\"border-top-left-radius\")) > 48, 'Your image should have a border radius of 50 percent&#44; making it perfectly circular.')",
         "assert(editor.match(/50%/g), 'Be sure to use a percentage instead of a pixel value.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1024,12 +1024,12 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1056,17 +1056,17 @@
       "description": [
         "<code>a</code> elements or \"anchor\" elements, are used to link to content outside of the current page.",
         "Here's a diagram of an <code>a</code> element. In this case, the <code>a</code> element is used in the middle of a paragraph element, which means the link will appear in the middle of a sentence.",
-        "<img class='img-responsive' alt='a diagram of how anchor tags are composed with the same text as on the following line' src='https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png'/>",
-        "Here's an example: <code>&#60;p&#62;Here's a &#60;a href='http://freecodecamp.com'&#62; link to Free Code Camp&#60;/a&#62; for you to follow.&#60;/p&#62;</code>.",
+        "<img class=\"img-responsive\" alt=\"a diagram of how anchor tags are composed with the same text as on the following line\" src=\"https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png\"/>",
+        "Here's an example: <code>&#60;p&#62;Here's a &#60;a href=\"http://freecodecamp.com\"&#62; link to Free Code Camp&#60;/a&#62; for you to follow.&#60;/p&#62;</code>.",
         "Create an <code>a</code> element that links to <code>http://catphotoapp.com</code> and has \"cat photos\" as its \"anchor text\"."
       ],
       "tests": [
-        "assert((/cat photos/gi).test($('a').text()), 'Your <code>a</code> element should have the anchor text of \"cat photos\"')",
-        "assert(/http:\\/\\/catphotoapp\\.com/gi.test($('a').attr('href')), 'You need an <code>a</code> element that links to <code>http&#58;//catphotoapp.com<code>.')",
+        "assert((/cat photos/gi).test($(\"a\").text()), \"Your <code>a</code> element should have the anchor text of \"cat photos\"\")",
+        "assert(/http:\\/\\/catphotoapp\\.com/gi.test($(\"a\").attr(\"href\")), 'You need an <code>a</code> element that links to <code>http&#58;//catphotoapp.com<code>.')",
         "assert(editor.match(/<\\/a>/g) && editor.match(/<\\/a>/g).length === editor.match(/<a/g).length, 'Make sure your <code>a</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1093,12 +1093,12 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1116,8 +1116,8 @@
       "descriptionDe": [
         "Erstelle ein <code>a</code> Element oder \"Anker Element\", das auf http://catphotoapp.com verlinkt und den Link-Text \"cat photos\" oder \"anchor text\" beinhaltet.",
         "So sieht ein <code>a</code> Element aus. In diesem Fall wird es innerhalb eines Paragraphen Elements verwendet. Das bedeutet dein Link wird innerhalb des Satzes erscheinen.",
-        "<img class='img-responsive' alt='Ein Beispiel wie Anker Tags geschrieben werden.' src='https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png'/>",
-        "Hier ist ein Beispiel: <code>&#60;p&#62;Hier ist ein &#60;a href='http://freecodecamp.com'&#62; Link zum Free Code Camp&#60;/a&#62; für dich zum Folgen.&#60;/p&#62;</code>."
+        "<img class=\"img-responsive\" alt=\"Ein Beispiel wie Anker Tags geschrieben werden.\" src=\"https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png\"/>",
+        "Hier ist ein Beispiel: <code>&#60;p&#62;Hier ist ein &#60;a href=\"http://freecodecamp.com\"&#62; Link zum Free Code Camp&#60;/a&#62; für dich zum Folgen.&#60;/p&#62;</code>."
       ]
     },
     {
@@ -1126,22 +1126,22 @@
       "difficulty": 1.23,
       "description": [
         "Again, here's a diagram of an <code>a</code> element for your reference:",
-        "<img class='img-responsive' alt='a diagram of how anchor tags are composed with the same text as on the following line' src='https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png'/>",
-        "Here's an example: <code>&#60;p&#62;Here's a &#60;a href='http://freecodecamp.com'&#62; link to Free Code Camp&#60;/a&#62; for you to follow.&#60;/p&#62;</code>.",
+        "<img class=\"img-responsive\" alt=\"a diagram of how anchor tags are composed with the same text as on the following line\" src=\"https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png\"/>",
+        "Here's an example: <code>&#60;p&#62;Here's a &#60;a href=\"http://freecodecamp.com\"&#62; link to Free Code Camp&#60;/a&#62; for you to follow.&#60;/p&#62;</code>.",
         "\"Nesting\" just means putting one element inside of another element.",
         "Now nest your <code>a</code> element within a new <code>p</code> element so that the surrounding paragraph says \"click here for cat photos\", but where only \"cat photos\" is a link, and the rest of the text is rest is plain text."
       ],
       "tests": [
-        "assert($('a').attr('href').match(/catphotoapp.com/gi).length > 0, 'You need an <code>a</code> element that links to \"catphotoapp.com\".')",
-        "assert($('a').text().match(/cat\\sphotos/gi).length > 0, 'Your <code>a</code> element should have the anchor text of \"cat photos\"')",
-        "assert($('p') && $('p').length > 2, 'Create a new <code>p</code> element around your <code>a</code> element. \"click here for\".')",
-        "assert($('a[href=\\'http://www.catphotoapp.com\\']').parent().is('p'), 'Your <code>a</code> element should be nested within your new <code>p</code> element.')",
-        "assert($('p').text().match(/click\\shere\\sfor/gi), 'Your <code>p</code> element should have the text \"click here for\".')",
+        "assert($(\"a\").attr(\"href\").match(/catphotoapp.com/gi).length > 0, 'You need an <code>a</code> element that links to \"catphotoapp.com\".')",
+        "assert($(\"a\").text().match(/cat\\sphotos/gi).length > 0, 'Your <code>a</code> element should have the anchor text of \"cat photos\"')",
+        "assert($(\"p\") && $(\"p\").length > 2, 'Create a new <code>p</code> element around your <code>a</code> element. \"click here for\".')",
+        "assert($(\"a[href=\"http://www.catphotoapp.com\"]\").parent().is(\"p\"), 'Your <code>a</code> element should be nested within your new <code>p</code> element.')",
+        "assert($(\"p\").text().match(/click\\shere\\sfor/gi), 'Your <code>p</code> element should have the text \"click here for\".')",
         "assert(editor.match(/<\\/p>/g) && editor.match(/<p/g) && editor.match(/<\\/p>/g).length === editor.match(/<p/g).length, 'Make sure each of your <code>p</code> elements has a closing tag.')",
         "assert(editor.match(/<\\/a>/g) && editor.match(/<a/g) && editor.match(/<\\/a>/g).length === editor.match(/<a/g).length, 'Make sure each of your <code>a</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1168,14 +1168,14 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<a href='http://www.catphotoapp.com'>cat photos</a>",
+        "<a href=\"http://www.catphotoapp.com\">cat photos</a>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1192,8 +1192,8 @@
       "nameDe": "Waypoint Umschließe ein Anker Element mit einem Paragraphen",
       "descriptionDe":[
         "Jetzt umschließe dein <code>a</code> Element mit einem <code>p</code> Element und dem Text \"click here for cat photos\". Nur \"cat photos\" soll ein Link ein – der Rest normaler Text.",
-        "Hier ist nochmal ein Beispiel für ein <code>a</code> Element: <img class='img-responsive' alt='Ein Beispiel wie Anker Tags geschrieben werden.' src='https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png'/>",
-        "So könnte es aussehen: <code>&#60;p&#62;Hier ist ein &#60;a href='http://freecodecamp.com'&#62; Link zum Free Code Camp&#60;/a&#62; für dich zum Folgen.&#60;/p&#62;</code>"
+        "Hier ist nochmal ein Beispiel für ein <code>a</code> Element: <img class=\"img-responsive\" alt=\"Ein Beispiel wie Anker Tags geschrieben werden.\" src=\"https://www.evernote.com/l/AHSaNaepx_lG9LhhPkVYmagcedpmAeITDsQB/image.png\"/>",
+        "So könnte es aussehen: <code>&#60;p&#62;Hier ist ein &#60;a href=\"http://freecodecamp.com\"&#62; Link zum Free Code Camp&#60;/a&#62; für dich zum Folgen.&#60;/p&#62;</code>"
       ]
     },
     {
@@ -1206,10 +1206,10 @@
         "Replace your <code>a</code> element's <code>href</code> attribute with a hash symbol (#) to turn it into a dead link."
       ],
       "tests": [
-        "assert($('a').attr('href') === '#', 'Your <code>anchor</code> element should be a dead link with a <code>href</code> attribute set to \"#\".')"
+        "assert($(\"a\").attr(\"href\") === \"#\", 'Your <code>anchor</code> element should be a dead link with a <code>href</code> attribute set to \"#\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1236,14 +1236,14 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='http://www.catphotoapp.com'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"http://www.catphotoapp.com\">cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1271,17 +1271,17 @@
       "difficulty": 1.25,
       "description": [
         "You can make elements into links by nesting them within an <code>a</code> element.",
-        "Nest your image within an <code>a</code> element. Here's an example: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-running-cats'/&#62;&#60;/a&#62;</code>.",
+        "Nest your image within an <code>a</code> element. Here's an example: <code>&#60;a href=\"#\"&#62;&#60;img src=\"http://bit.ly/fcc-running-cats\"/&#62;&#60;/a&#62;</code>.",
         "Remember to use the hash symbol (#) as your <code>a</code> element's <code>href</code> property in order to turn it into a dead link.",
         "Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link."
       ],
       "tests": [
-        "assert($('a').children('img').length > 0, 'Nest your <code>img</code> element within an <code>a</code> element.')",
-        "assert(new RegExp('#').test($('a').children('img').parent().attr('href')), 'Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to \"#\".')",
+        "assert($(\"a\").children(\"img\").length > 0, 'Nest your <code>img</code> element within an <code>a</code> element.')",
+        "assert(new RegExp(\"#\").test($(\"a\").children(\"img\").parent().attr(\"href\")), 'Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to \"#\".')",
         "assert(editor.match(/<\\/a>/g) && editor.match(/<a/g) && editor.match(/<\\/a>/g).length === editor.match(/<a/g).length, 'Make sure each of your <code>a</code> elements has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1308,14 +1308,14 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
+        "<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1333,7 +1333,7 @@
       "descriptionDe": [
         "Umschließe dein <code>img</code> Element mit einem <code>a</code> Element als toten Link.",
         "Du kannst jedes Element in einen Link verwandeln, indem du es mit einem <code>a</code> Element umschließt.",
-        "Umschließe nun dein Bild mit einem <code>a</code> Element. Hier ist ein Beispiel: <code>&#60;a href='#'&#62;&#60;img src='http://bit.ly/fcc-running-cats'/&#62;&#60;/a&#62;</code>.",
+        "Umschließe nun dein Bild mit einem <code>a</code> Element. Hier ist ein Beispiel: <code>&#60;a href=\"#\"&#62;&#60;img src=\"http://bit.ly/fcc-running-cats\"/&#62;&#60;/a&#62;</code>.",
         "Vergewissere dich, dass du ein Hash Symbol (#) innerhalb des <code>href</code> Attributs des <code>a</code> Elements nutzt, um daraus einen toten Link zu machen.",
         "Sobald du das gemacht hast, kannst du mit der Maus über dein Bild fahren. Der normale Mauszeiger sollte nun zu einer Hand für Links werden. Das Bild ist jetzt ein Link."
       ]
@@ -1349,10 +1349,10 @@
         "Add an <code>alt</code> attribute with the text \"A cute orange cat lying on its back\" to our cat photo."
       ],
       "tests": [
-        "assert($('img').filter(function(){ return /cat/gi.test(this.alt) }).length > 0, 'Your image element should have an <code>alt</code> attribute set to \"A cute orange cat lying on its back\".')"
+        "assert($(\"img\").filter(function(){ return /cat/gi.test(this.alt) }).length > 0, 'Your image element should have an <code>alt</code> attribute set to \"A cute orange cat lying on its back\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1379,14 +1379,14 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1425,13 +1425,13 @@
         "Replace your <code>p</code> elements with an unordered list of three things that cats love."
       ],
       "tests": [
-        "assert($('ul').length > 0, 'Create a <code>ul</code> element.')",
-        "assert($('ul li').length > 2, 'You should have three <code>li</code> elements within your <code>ul</code> element.')",
+        "assert($(\"ul\").length > 0, 'Create a <code>ul</code> element.')",
+        "assert($(\"ul li\").length > 2, 'You should have three <code>li</code> elements within your <code>ul</code> element.')",
         "assert(editor.match(/<\\/ul>/g) && editor.match(/<ul/g) && editor.match(/<\\/ul>/g).length === editor.match(/<ul/g).length, 'Make sure your <code>ul</code> element has a closing tag.')",
         "assert(editor.match(/<\\/li>/g) && editor.match(/<li>/g) && editor.match(/<\\/li>/g).length === editor.match(/<li>/g).length, 'Make sure your <code>li</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1458,14 +1458,14 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
-        "<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
-        "<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
+        "<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
+        "<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1498,16 +1498,16 @@
         "Create an ordered list of the top 3 things cats hate the most."
       ],
       "tests": [
-        "assert($('ul').length > 0, 'You should have an <code>ul</code> element on your page.')",
-        "assert($('ol').length > 0, 'You should have an <code>ol</code> element on your page.')",
-        "assert($('ul li').length > 2, 'You should have three <code>li</code> elements within your <code>ul</code> element.')",
-        "assert($('ol li').length > 2, 'You should have three <code>li</code> elements within your <code>ol</code> element.')",
+        "assert($(\"ul\").length > 0, 'You should have an <code>ul</code> element on your page.')",
+        "assert($(\"ol\").length > 0, 'You should have an <code>ol</code> element on your page.')",
+        "assert($(\"ul li\").length > 2, 'You should have three <code>li</code> elements within your <code>ul</code> element.')",
+        "assert($(\"ol li\").length > 2, 'You should have three <code>li</code> elements within your <code>ol</code> element.')",
         "assert(editor.match(/<\\/ul>/g) && editor.match(/<\\/ul>/g).length === editor.match(/<ul>/g).length, 'Make sure your <code>ul</code> element has a closing tag.')",
         "assert(editor.match(/<\\/ol>/g) && editor.match(/<\\/ol>/g).length === editor.match(/<ol>/g).length, 'Make sure your <code>ol</code> element has a closing tag.')",
         "assert(editor.match(/<\\/li>/g) && editor.match(/<li>/g) && editor.match(/<\\/li>/g).length === editor.match(/<li>/g).length, 'Make sure your <code>li</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1534,11 +1534,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1579,10 +1579,10 @@
         "Create an <code>input</code> element of type \"text\" below your lists."
       ],
       "tests": [
-        "assert($('input[type=text]').length > 0, 'Your app should have a text field input element.')"
+        "assert($(\"input[type=text]\").length > 0, 'Your app should have a text field input element.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1609,11 +1609,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1644,7 +1644,7 @@
       "descriptionDe": [
         "Nun erstellen wir ein Web Formular. Erstelle ein Textfeld unter deinen Listen.",
         "Eingabefelder sind ein guter Weg, um Daten von Nutzern zu erhalten.",
-        "So kannst du eines erstellen: <code>&#60;input type='text'&#62;</code>. Beachte, dass <code>input</code> Elemente selbstschließend sind."
+        "So kannst du eines erstellen: <code>&#60;input type=\"text\"&#62;</code>. Beachte, dass <code>input</code> Elemente selbstschließend sind."
       ]
     },
     {
@@ -1653,15 +1653,15 @@
       "difficulty": 1.30,
       "description": [
         "Your placeholder text is what appears in your text <code>input</code> before your user has inputed anything.",
-        "You can create placeholder text like so: <code>&#60;input type='text' placeholder='this is placeholder text'&#62;</code>.",
+        "You can create placeholder text like so: <code>&#60;input type=\"text\" placeholder=\"this is placeholder text\"&#62;</code>.",
         "Set the <code>placeholder</code> value of your text <code>input</code> to \"cat photo URL\"."
       ],
       "tests": [
-        "assert($('input[placeholder]').length > 0, 'Add a <code>placeholder</code> attribute text <code>input</code> element.')",
-        "assert($('input') && $('input').attr('placeholder') && $('input').attr('placeholder').match(/cat\\s+photo\\s+URL/gi), 'Set the value of your placeholder attribute to \"cat photo URL\".')"
+        "assert($(\"input[placeholder]\").length > 0, 'Add a <code>placeholder</code> attribute text <code>input</code> element.')",
+        "assert($(\"input\") && $(\"input\").attr(\"placeholder\") && $(\"input\").attr(\"placeholder\").match(/cat\\s+photo\\s+URL/gi), 'Set the value of your placeholder attribute to \"cat photo URL\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1688,11 +1688,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1706,7 +1706,7 @@
         "  <li>thunder</li>",
         "  <li>other cats</li>",
         "</ol>",
-        "<input type='text'>"
+        "<input type=\"text\">"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1724,7 +1724,7 @@
       "descriptionDe": [
         "Setze bei deinem <code>input</code> Element den Wert für <code>placeholder</code> auf \"cat photo URL\".",
         "Platzhalter erscheinen in <code>input</code> Feldern, bevor der Nutzer etwas eingibt.",
-        "Du kannst Platzhalter auf folgende Weise erstellen: <code>&#60;input type='text' placeholder='Das ist ein Platzhalter.'&#62;</code>."
+        "Du kannst Platzhalter auf folgende Weise erstellen: <code>&#60;input type=\"text\" placeholder=\"Das ist ein Platzhalter.\"&#62;</code>."
       ]
     },
     {
@@ -1737,13 +1737,13 @@
         "Nest your text field in a <code>form</code> element. Add the <code>action=\"/submit-cat-photo\"</code> attribute to this form element."
       ],
       "tests": [
-        "assert($('form') && $('form').children('input') && $('form').children('input').length > 0, 'Nest your text input element within a <code>form</code> element.')",
-        "assert($('form').attr('action'), 'Your <code>form</code> element should have an <code>action</code> attribute.')",
+        "assert($(\"form\") && $(\"form\").children(\"input\") && $(\"form\").children(\"input\").length > 0, 'Nest your text input element within a <code>form</code> element.')",
+        "assert($(\"form\").attr(\"action\"), 'Your <code>form</code> element should have an <code>action</code> attribute.')",
         "assert(editor.match(/<\\/form>/g) && editor.match(/<form/g) && editor.match(/<\\/form>/g).length === editor.match(/<form/g).length, 'Make sure your <code>form</code> element has a closing tag.')",
         "assert(editor.match(/\\/submit-cat-photo/ig), 'Make sure your <code>form</code> action is set to <code>/submit-cat-photo</code>.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1770,11 +1770,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1788,7 +1788,7 @@
         "  <li>thunder</li>",
         "  <li>other cats</li>",
         "</ol>",
-        "<input type='text' placeholder='cat photo URL'>"
+        "<input type=\"text\" placeholder=\"cat photo URL\">"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -1815,17 +1815,17 @@
       "difficulty": 1.32,
       "description": [
         "Let's add a submit button to your form. Clicking this button will send the data from your form to the URL you specified with your form's <code>action</code> attribute.",
-        "Here's an example submit button: <code>&#60;button type='submit'&#62;this button submits the form&#60;/button&#62;</code>.",
+        "Here's an example submit button: <code>&#60;button type=\"submit\"&#62;this button submits the form&#60;/button&#62;</code>.",
         "Add a submit button to your <code>form</code> element with type \"submit\" and \"Submit\" as its text."
       ],
       "tests": [
-        "assert($('form').children('button').length > 0, 'Your form should have a button inside it.')",
-        "assert($('button').attr('type') === 'submit', 'Your submit button should have the attribute \"type\" set to \"submit\".')",
-        "assert($('button').text().match(/submit/gi), 'Your submit button should have the text \"submit\".')",
+        "assert($(\"form\").children(\"button\").length > 0, 'Your form should have a button inside it.')",
+        "assert($(\"button\").attr(\"type\") === \"submit\", 'Your submit button should have the attribute \"type\" set to \"submit\".')",
+        "assert($(\"button\").text().match(/submit/gi), 'Your submit button should have the text \"submit\".')",
         "assert(editor.match(/<\\/button>/g) && editor.match(/<button/g) && editor.match(/<\\/button>/g).length === editor.match(/<button/g).length, 'Make sure your <code>button</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1852,11 +1852,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1871,7 +1871,7 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <input type='text' placeholder='cat photo URL'>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\">",
         "</form>"
       ],
       "type": "waypoint",
@@ -1890,7 +1890,7 @@
       "descriptionDe": [
         "Füge eine Schaltfläche zum Senden mit dem Typ \"submit\" und \"Submit\" als Text zu deinem <code>form</code> Element hinzu.",
         "Lass uns nun eine Schaltfläche zum Senden zu deinem Formlar hinzufügen. Durch einen Klick auf diese Schaltfläche werden die Daten des Formulars an die URL gesendet, welche du in dem <code>action</code> Attribut deines Formulars angegeben hast.",
-        "Hier ist ein Beispiel einer solchen Schaltfläche: <code>&#60;button type='submit'&#62;Diese Schaltfläche überträgt die Daten des Formulars.&#60;/button&#62;</code>."
+        "Hier ist ein Beispiel einer solchen Schaltfläche: <code>&#60;button type=\"submit\"&#62;Diese Schaltfläche überträgt die Daten des Formulars.&#60;/button&#62;</code>."
       ]
     },
     {
@@ -1899,14 +1899,14 @@
       "difficulty": 1.33,
       "description": [
         "You can require specific form fields so that your user will not be able to submit your form until he or she has filled them out.",
-        "For example, if you wanted to make a text input field required, you can just add the word \"required\" within your <code>input</code> element, you would use: <code>&#60;input type='text' required&#62;</code>.",
+        "For example, if you wanted to make a text input field required, you can just add the word \"required\" within your <code>input</code> element, you would use: <code>&#60;input type=\"text\" required&#62;</code>.",
         "Make your text <code>input</code> a \"required\" field, so that your user can't submit the form without completing this field."
       ],
       "tests": [
-        "assert($('input').prop('required'), 'Your text <code>input</code> element should have the \"required\" attribute.')"
+        "assert($(\"input\").prop(\"required\"), 'Your text <code>input</code> element should have the \"required\" attribute.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -1933,11 +1933,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -1952,8 +1952,8 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <input type='text' placeholder='cat photo URL'>",
-        "  <button type='submit'>Submit</button>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\">",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -1972,7 +1972,7 @@
       "descriptionDe": [
         "Mache aus deinem <code>input</code> Feld ein Pflichtfeld – \"required\" – damit deine Nutzer das Formular nicht abschicken können, ohne dieses Feld auszufüllen.",
         "Du kannst bestimmte Felder eines Formulars als Pflichtfelder deklarieren. Damit ist es deinen Nutzern nicht mehr möglich, das Formular abzuschicken, ohne die Pflichtfelder auszufüllen.",
-        "Um zum Beispiel ein Textfeld als Pflichtfeld zu deklarieren, kannst du einfach ein \"required\" innerhalb deines <code>input</code> Elements hinzufügen: <code>&#60;input type='text' required&#62;</code>."
+        "Um zum Beispiel ein Textfeld als Pflichtfeld zu deklarieren, kannst du einfach ein \"required\" innerhalb deines <code>input</code> Elements hinzufügen: <code>&#60;input type=\"text\" required&#62;</code>."
       ]
     },
     {
@@ -1984,19 +1984,19 @@
         "Radio buttons are a type of <code>input</code>.",
         "Each of your radio buttons should be nested within its own <code>label</code> element.",
         "All related radio buttons should have the same <code>name</code> attribute.",
-        "Here's an example of a radio button: <code>&#60;label&#62;&#60;input type='radio' name='indoor-outdoor'&#62; Indoor&#60;/label&#62;</code>.",
+        "Here's an example of a radio button: <code>&#60;label&#62;&#60;input type=\"radio\" name=\"indoor-outdoor\"&#62; Indoor&#60;/label&#62;</code>.",
         "Add to your form a pair of radio buttons. Each radio button should be nested within its own <code>label</code> element. They should share a common <code>name</code> attribute. One should have the option of \"indoor\" and the other should have the option of \"outdoor\"."
       ],
       "tests": [
-        "assert($('input[type=\"radio\"]').length > 1, 'Your page should have two radio button elements.')",
-        "assert($('input[type=\"radio\"]:nth-child(1)').attr('name') === 'indoor-outdoor' && $('input[type=\"radio\"]:nth-child(2)').attr('name') === 'indoor-outdoor', 'Give your radio buttons the <code>name</code> attribute of \"indoor-outdoor\".')",
-        "assert($('label').length > 1, 'Each of your two radio button elements should be nested in a label element.')",
+        "assert($(\"input[type=\"radio\"]\").length > 1, 'Your page should have two radio button elements.')",
+        "assert($(\"input[type=\"radio\"]:nth-child(1)\").attr(\"name\") === \"indoor-outdoor\" && $(\"input[type=\"radio\"]:nth-child(2)\").attr(\"name\") === \"indoor-outdoor\", 'Give your radio buttons the <code>name</code> attribute of \"indoor-outdoor\".')",
+        "assert($(\"label\").length > 1, 'Each of your two radio button elements should be nested in a label element.')",
         "assert(editor.match(/<\\/label>/g) && editor.match(/<label/g) && editor.match(/<\\/label>/g).length === editor.match(/<label/g).length, 'Make sure each of your <code>label</code> elements has a closing tag.')",
-        "assert($('label').text().match(/indoor/gi), 'One of your radio buttons should have the label \"indoor\".')",
-        "assert($('label').text().match(/outdoor/gi), 'One of your radio buttons should have the label \"outdoor\".')"
+        "assert($(\"label\").text().match(/indoor/gi), 'One of your radio buttons should have the label \"indoor\".')",
+        "assert($(\"label\").text().match(/outdoor/gi), 'One of your radio buttons should have the label \"outdoor\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2023,11 +2023,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2042,8 +2042,8 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2065,7 +2065,7 @@
         "Optionsfelder sind lediglich ein weiterer Typ von <code>input</code> Elementen.",
         "Jedes deiner Optionsfelder sollte innerhalb des eigenen <code>label</code> Elements liegen.",
         "Alle Optionsfelder mit Bezug zueinander sollten das gleiche <code>name</code> Attribut teilen.",
-        "Ein Beispiel eines Optionsfeldes: <code>&#60;label&#62;&#60;input type='radio' name='indoor-outdoor'&#62; Indoor&#60;/label&#62;</code>."
+        "Ein Beispiel eines Optionsfeldes: <code>&#60;label&#62;&#60;input type=\"radio\" name=\"indoor-outdoor\"&#62; Indoor&#60;/label&#62;</code>."
       ]
     },
     {
@@ -2077,17 +2077,17 @@
         "Checkboxes are a type of <code>input</code>.",
         "Each of your checkboxes should be nested within its own <code>label</code> element.",
         "All related checkbox inputs should have the same <code>name</code> attribute.",
-        "Here's an example of a checkbox: <code>&#60;label&#62;&#60;input type='checkbox' name='personality'&#62; Loving&#60;/label&#62;</code>.",
+        "Here's an example of a checkbox: <code>&#60;label&#62;&#60;input type=\"checkbox\" name=\"personality\"&#62; Loving&#60;/label&#62;</code>.",
         "Add to your form a set of three checkboxes. Each checkbox should be nested within its own <code>label</code> element. All three should share the <code>name</code> attribute of \"personality\"."
       ],
       "tests": [
-        "assert($('input[type=\"checkbox\"]').length > 2, 'Your page should have three checkbox elements.')",
-        "assert($('label:has(input[type=\"checkbox\"])').length > 2, 'Each of your three checkbox elements should be nested in its own <code>label</code> element.')",
-        "assert(editor.match(/<\\/label>/g) && editor.match(/<label/g) && editor.match(/<\\/label>/g).length === editor.match(/<label/g).length, 'Make sure each of your <code>label</code> elements has a closing tag.')",
-        "assert($('input[type=\"checkbox\"]:nth-child(1)').attr('name') === 'personality', 'Give your checkboxes buttons the <code>name</code> attribute of \"personality\".')"
+        "assert($(\"input[type=\"checkbox\"]\").length > 2, 'Your page should have three checkbox elements.')",
+        "assert($(\"label:has(input[type=\"checkbox\"])\").length > 2, 'Each of your three checkbox elements should be nested in its own <code>label</code> element.')",
+        "assert(editor.match(/<\\/label>/g) && editor.match(/<label/g) && editor.match(/<\\/label>/g).length === editor.match(/<label/g).length, \"Make sure each of your <code>label</code> elements has a closing tag.\")",
+        "assert($(\"input[type=\"checkbox\"]:nth-child(1)\").attr(\"name\") === \"personality\", 'Give your checkboxes buttons the <code>name</code> attribute of \"personality\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2114,11 +2114,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2133,10 +2133,10 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2155,7 +2155,7 @@
       "descriptionDe": [
         "Füge deinem Formular drei Kontrollkästchen hinzu. Jedes dieser Elemente sollte innerhalb seines eigenen <code>label</code> Elements stehen. Alle sollten das gleiche <code>name</code> Attribut \"personality\" teilen.",
         "Formulare nutzen Kontrollkästchen meistens für Fragen, die mehrerer Antworten bedürfen.",
-        "Als Beispiel: <code>&#60;label&#62;&#60;input type='checkbox' name='personality'&#62; liebevoll&#60;/label&#62;</code>."
+        "Als Beispiel: <code>&#60;label&#62;&#60;input type=\"checkbox\" name=\"personality\"&#62; liebevoll&#60;/label&#62;</code>."
       ]
     },
     {
@@ -2164,15 +2164,15 @@
       "difficulty": 1.37,
       "description": [
         "You can set a checkbox or radio button to be checked by default using the <code>checked</code> attribute.",
-        "To do this, just add the word \"checked\" to the inside of an input element. For example, <code>&#60;input type='radio' name='test-name' checked&#62;</code>.",
+        "To do this, just add the word \"checked\" to the inside of an input element. For example, <code>&#60;input type=\"radio\" name=\"test-name\" checked&#62;</code>.",
         "Set the first of your radio buttons and the first of your checkboxes to both be checked by default."
       ],
       "tests": [
-        "assert($('input[type=\"radio\"]').prop('checked'), 'Your first radio button on your form should be checked by default.')",
-        "assert($('input[type=\"checkbox\"]').prop('checked'), 'Your first checkbox on your form should be checked by default.')"
+        "assert($(\"input[type=\"radio\"]\").prop(\"checked\"), 'Your first radio button on your form should be checked by default.')",
+        "assert($(\"input[type=\"checkbox\"]\").prop(\"checked\"), 'Your first checkbox on your form should be checked by default.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2199,11 +2199,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2218,13 +2218,13 @@
         "  <li>other cats</li>",
         "</ol>",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality'> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Energetic</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2243,7 +2243,7 @@
       "descriptionDe": [
         "Stelle sicher, dass jeweilse dein erstes Optionsfeld und Kontrollkästchen standardmäßig markiert sind.",
         "Das kannst du erreichen, indem beiden das Attribut <code>checked</code> beigefügt wird.",
-        "Um das zu bewerkstelligen, füge einfach \"checked\" innerhalb eines Eingabefeldes hinzu. Als Beispiel: <code>&#60;input type='radio' name='test-name' checked&#62;</code>."
+        "Um das zu bewerkstelligen, füge einfach \"checked\" innerhalb eines Eingabefeldes hinzu. Als Beispiel: <code>&#60;input type=\"radio\" name=\"test-name\" checked&#62;</code>."
       ]
     },
     {
@@ -2258,13 +2258,13 @@
         "Nest your \"Things cats love\" and \"Things cats hate\" lists all within a single <code>div</code> element."
       ],
       "tests": [
-        "assert($('div').children('ol').length > 0, 'Nest your <code>ol</code> element inside your <code>div</code> element.')",
-        "assert($('div').children('p').length > 1, 'Nest your <code>p</code> element inside your <code>div</code> element.')",
-        "assert($('div').children('ul').length > 0, 'Nest your <code>ul</code> element inside your <code>div</code> element.')",
+        "assert($(\"div\").children(\"ol\").length > 0, 'Nest your <code>ol</code> element inside your <code>div</code> element.')",
+        "assert($(\"div\").children(\"p\").length > 1, 'Nest your <code>p</code> element inside your <code>div</code> element.')",
+        "assert($(\"div\").children(\"ul\").length > 0, 'Nest your <code>ul</code> element inside your <code>div</code> element.')",
         "assert(editor.match(/<\\/div>/g) && editor.match(/<\\/div>/g).length === editor.match(/<div>/g).length, 'Make sure your <code>div</code> element has a closing tag.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2291,11 +2291,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<p>Things cats love:</p>",
         "<ul>",
@@ -2311,13 +2311,13 @@
         "</ol>",
         "",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor' checked> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality' checked> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Energetic</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2351,11 +2351,11 @@
         "Create a class called \"gray-background\" with the background color of gray. Assign this class to your <code>div</code> element."
       ],
       "tests": [
-        "assert($('div').hasClass('gray-background'), 'Give your <code>div</code> element the class \"gray-background\".')",
-        "assert($('.gray-background').css('background-color') === 'rgb(128, 128, 128)', 'Your <code>div</code> element should have a gray background.')"
+        "assert($(\"div\").hasClass(\"gray-background\"), 'Give your <code>div</code> element the class \"gray-background\".')",
+        "assert($(\".gray-background\").css(\"background-color\") === \"rgb(128, 128, 128)\", 'Your <code>div</code> element should have a gray background.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2382,11 +2382,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2404,13 +2404,13 @@
         "</div>",
         "",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor' checked> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality' checked> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Energetic</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2440,10 +2440,10 @@
         "Give your <code>form</code> element the id \"cat-photo-form\"."
       ],
       "tests": [
-        "assert($('form').attr('id') === 'cat-photo-form', 'Give your <code>form</code> element the id of \"cat-photo-form\".')"
+        "assert($(\"form\").attr(\"id\") === \"cat-photo-form\", 'Give your <code>form</code> element the id of \"cat-photo-form\".')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2470,11 +2470,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2492,13 +2492,13 @@
         "</div>",
         "",
         "<form action=\"/submit-cat-photo\">",
-        "  <label><input type='radio' name='indoor-outdoor' checked> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality' checked> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Energetic</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2527,13 +2527,13 @@
         "Try giving your form, which now has the <code>id</code> attribute of \"cat-photo-form\", a green background."
       ],
       "tests": [
-        "assert($('form').attr('id') === 'cat-photo-form', 'Give your <code>form</code> element the id of \"cat-photo-form\".')",
-        "assert($('#cat-photo-form').css('background-color') === 'rgb(0, 128, 0)', 'Your <code>form</code> element should have the \"background-color\" of green.')",
+        "assert($(\"form\").attr(\"id\") === \"cat-photo-form\", 'Give your <code>form</code> element the id of \"cat-photo-form\".')",
+        "assert($(\"#cat-photo-form\").css(\"background-color\") === \"rgb(0, 128, 0)\", 'Your <code>form</code> element should have the \"background-color\" of green.')",
         "assert(editor.match(/<form.*cat-photo-form.*>/gi) && editor.match(/<form.*cat-photo-form.*>/gi).length > 0, 'Make sure your <code>form</code> element has both an <code>id</code> attribute.')",
         "assert(!editor.match(/<form.*style.*>/gi) && !editor.match(/<form.*class.*>/gi), 'Do not give your <code>form</code> any <code>class</code> or <code>style</code> attributes.')"
       ],
       "challengeSeed": [
-        "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
+        "<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
         "<style>",
         "  .red-text {",
         "    color: red;",
@@ -2560,11 +2560,11 @@
         "  }",
         "</style>",
         "",
-        "<h2 class='red-text'>CatPhotoApp</h2>",
+        "<h2 class=\"red-text\">CatPhotoApp</h2>",
         "",
-        "<p>Click here for <a href='#'>cat photos</a>.</p>",
+        "<p>Click here for <a href=\"#\">cat photos</a>.</p>",
         "",
-        "<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
+        "<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\"/></a>",
         "",
         "<div>",
         "  <p>Things cats love:</p>",
@@ -2582,13 +2582,13 @@
         "</div>",
         "",
         "<form action=\"/submit-cat-photo\" id=\"cat-photo-form\">",
-        "  <label><input type='radio' name='indoor-outdoor' checked> Indoor</label>",
-        "  <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
-        "  <label><input type='checkbox' name='personality' checked> Loving</label>",
-        "  <label><input type='checkbox' name='personality'> Lazy</label>",
-        "  <label><input type='checkbox' name='personality'> Energetic</label>",
-        "  <input type='text' placeholder='cat photo URL' required>",
-        "  <button type='submit'>Submit</button>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>",
+        "  <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>",
+        "  <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>",
+        "  <input type=\"text\" placeholder=\"cat photo URL\" required>",
+        "  <button type=\"submit\">Submit</button>",
         "</form>"
       ],
       "type": "waypoint",
@@ -2619,7 +2619,7 @@
         "Change the <code>padding</code> of your green box to match that of your red box."
       ],
       "tests": [
-        "assert($('.green-box').css('padding-top') === '20px', 'Your <code>green-box</code> class should give elements 20px of padding.')"
+        "assert($(\".green-box\").css(\"padding-top\") === \"20px\", 'Your <code>green-box</code> class should give elements 20px of padding.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -2688,7 +2688,7 @@
         "Change the <code>margin</code> of the green box to match that of the red box."
       ],
       "tests": [
-        "assert($('.green-box').css('margin-top') === '20px', 'Your <code>green-box</code> class should give elements 20px of margin.')"
+        "assert($(\".green-box\").css(\"margin-top\") === \"20px\", 'Your <code>green-box</code> class should give elements 20px of margin.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -2759,7 +2759,7 @@
         "Change the <code>margin</code> of the green box to -15 pixels, so it fills the entire horizontal width of the yellow box around it."
       ],
       "tests": [
-        "assert($('.green-box').css('margin-top') === '-15px', 'Your <code>green-box</code> class should give elements -15px of margin.')"
+        "assert($(\".green-box\").css(\"margin-top\") === \"-15px\", 'Your <code>green-box</code> class should give elements -15px of margin.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -2828,10 +2828,10 @@
         "Give the green box a <code>padding</code> of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side."
       ],
       "tests": [
-        "assert($('.green-box').css('padding-top') === '40px', 'Your <code>green-box</code> class should give the top of elements 40px of padding.')",
-        "assert($('.green-box').css('padding-left') === '40px', 'Your <code>green-box</code> class should give the left of elements 40px of padding.')",
-        "assert($('.green-box').css('padding-right') === '20px', 'Your <code>green-box</code> class should give the right of elements 20px of padding.')",
-        "assert($('.green-box').css('padding-bottom') === '20px', 'Your <code>green-box</code> class should give the bottom of elements 20px of padding.')"
+        "assert($(\".green-box\").css(\"padding-top\") === \"40px\", 'Your <code>green-box</code> class should give the top of elements 40px of padding.')",
+        "assert($(\".green-box\").css(\"padding-left\") === \"40px\", 'Your <code>green-box</code> class should give the left of elements 40px of padding.')",
+        "assert($(\".green-box\").css(\"padding-right\") === \"20px\", 'Your <code>green-box</code> class should give the right of elements 20px of padding.')",
+        "assert($(\".green-box\").css(\"padding-bottom\") === \"20px\", 'Your <code>green-box</code> class should give the bottom of elements 20px of padding.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -2900,10 +2900,10 @@
         "CSS allows you to control the <code>margin</code> of an element on all four sides with <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code> attributes."
       ],
       "tests": [
-        "assert($('.green-box').css('margin-top') === '40px', 'Your <code>green-box</code> class should give the top of elements 40px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-left') === '40px', 'Your <code>green-box</code> class should give the left of elements 40px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-right') === '20px', 'Your <code>green-box</code> class should give the right of elements 20px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-bottom') === '20px', 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>margin</code>.')"
+        "assert($(\".green-box\").css(\"margin-top\") === \"40px\", 'Your <code>green-box</code> class should give the top of elements 40px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-left\") === \"40px\", 'Your <code>green-box</code> class should give the left of elements 40px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-right\") === \"20px\", 'Your <code>green-box</code> class should give the right of elements 20px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-bottom\") === \"20px\", 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>margin</code>.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -2971,10 +2971,10 @@
         "Use Clockwise Notation to give the \".green-box\" class a <code>padding</code> of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side."
       ],
       "tests": [
-        "assert($('.green-box').css('padding-top') === '40px', 'Your <code>green-box</code> class should give the top of elements 40px of <code>padding</code>.')",
-        "assert($('.green-box').css('padding-right') === '20px', 'Your <code>green-box</code> class should give the right of elements 20px of <code>padding</code>.')",
-        "assert($('.green-box').css('padding-bottom') === '20px', 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>padding</code>.')",
-        "assert($('.green-box').css('padding-left') === '40px', 'Your <code>green-box</code> class should give the left of elements 40px of <code>padding</code>.')"
+        "assert($(\".green-box\").css(\"padding-top\") === \"40px\", 'Your <code>green-box</code> class should give the top of elements 40px of <code>padding</code>.')",
+        "assert($(\".green-box\").css(\"padding-right\") === \"20px\", 'Your <code>green-box</code> class should give the right of elements 20px of <code>padding</code>.')",
+        "assert($(\".green-box\").css(\"padding-bottom\") === \"20px\", 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>padding</code>.')",
+        "assert($(\".green-box\").css(\"padding-left\") === \"40px\", 'Your <code>green-box</code> class should give the left of elements 40px of <code>padding</code>.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3041,10 +3041,10 @@
         "Use <code>Clockwise Notation</code> to give an element a margin of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side."
       ],
       "tests": [
-        "assert($('.green-box').css('margin-top') === '40px', 'Your <code>green-box</code> class should give the top of elements 40px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-right') === '20px', 'Your <code>green-box</code> class should give the right of elements 20px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-bottom') === '20px', 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>margin</code>.')",
-        "assert($('.green-box').css('margin-left') === '40px', 'Your <code>green-box</code> class should give the left of elements 40px of <code>margin</code>.')"
+        "assert($(\".green-box\").css(\"margin-top\") === \"40px\", 'Your <code>green-box</code> class should give the top of elements 40px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-right\") === \"20px\", 'Your <code>green-box</code> class should give the right of elements 20px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-bottom\") === \"20px\", 'Your <code>green-box</code> class should give the bottom of elements 20px of <code>margin</code>.')",
+        "assert($(\".green-box\").css(\"margin-left\") === \"40px\", 'Your <code>green-box</code> class should give the left of elements 40px of <code>margin</code>.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3111,7 +3111,7 @@
         "We can do this by adding <code>body { background-color: black; }</code> to our <code>style</code> element."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 0, 0)', 'Give your <code>body</code> element the background-color of black.')"
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 0, 0)\", 'Give your <code>body</code> element the background-color of black.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3145,13 +3145,13 @@
         "Finally, give your <code>body</code> element the font-family of \"Monospace\" by adding <code>font-family: Monospace;</code> to your <code>body</code> element's style declaration."
       ],
       "tests": [
-        "assert(($('h1').length > 0), 'Create an <code>h1</code> element.')",
-        "assert(($('h1').length > 0 && $('h1').text().match(/hello world/i)), 'Your <code>h1</code> element should have the text \"Hello World\".')",
+        "assert(($(\"h1\").length > 0), 'Create an <code>h1</code> element.')",
+        "assert(($(\"h1\").length > 0 && $(\"h1\").text().match(/hello world/i)), 'Your <code>h1</code> element should have the text \"Hello World\".')",
         "assert(editor.match(/<\\/h1>/g) && editor.match(/<h1/g) && editor.match(/<\\/h1>/g).length === editor.match(/<h1/g).length, 'Make sure your <code>h1</code> element has a closing tag.')",
-        "assert(($('body').css('color') === 'rgb(0, 128, 0)'), 'Give your <code>body</code> element the \"color\" attribute of green.')",
-        "assert(($('body').css('font-family').match(/Monospace/i)), 'Give your <code>body</code> element the \"font-family\" attribute of \"Monospace\".')",
-        "assert(($('h1').length > 0 && $('h1').css('font-family').match(/monospace/i)), 'Your <code>h1</code> element should inherit the font \"Monospace\" from your <code>body</code> element.')",
-        "assert(($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)'), 'Your <code>h1</code> element should inherit the color green from your <code>body</code> element.')"
+        "assert(($(\"body\").css(\"color\") === \"rgb(0, 128, 0)\"), 'Give your <code>body</code> element the \"color\" attribute of green.')",
+        "assert(($(\"body\").css(\"font-family\").match(/Monospace/i)), 'Give your <code>body</code> element the \"font-family\" attribute of \"Monospace\".')",
+        "assert(($(\"h1\").length > 0 && $(\"h1\").css(\"font-family\").match(/monospace/i)), 'Your <code>h1</code> element should inherit the font \"Monospace\" from your <code>body</code> element.')",
+        "assert(($(\"h1\").length > 0 && $(\"h1\").css(\"color\") === \"rgb(0, 128, 0)\"), 'Your <code>h1</code> element should inherit the color green from your <code>body</code> element.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3188,8 +3188,8 @@
         "Give your <code>h1</code> element the class of \"pink-text\"."
       ],
       "tests": [
-        "assert($('h1').hasClass('pink-text'), 'Your <code>h1</code> element should have the class \"pink-text\".')",
-        "assert($('h1').css('color') === 'rgb(255, 192, 203)', 'Your <code>h1</code> element should be pink.')"
+        "assert($(\"h1\").hasClass(\"pink-text\"), 'Your <code>h1</code> element should have the class \"pink-text\".')",
+        "assert($(\"h1\").css(\"color\") === \"rgb(255, 192, 203)\", 'Your <code>h1</code> element should be pink.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3227,9 +3227,9 @@
         "Apply the \"blue-text\" class to your <code>h1</code> element in addition to your \"pink-text\" class, and let's see which one wins."
       ],
       "tests": [
-        "assert($('h1').hasClass('pink-text'), 'Your <code>h1</code> element should have the class \"pink-text\".')",
-        "assert($('h1').hasClass('blue-text'), 'Your <code>h1</code> element should have the class \"blue-text\".')",
-        "assert($('h1').css('color') === 'rgb(0, 0, 255)', 'Your <code>h1</code> element should be blue.')"
+        "assert($(\"h1\").hasClass(\"pink-text\"), 'Your <code>h1</code> element should have the class \"pink-text\".')",
+        "assert($(\"h1\").hasClass(\"blue-text\"), 'Your <code>h1</code> element should have the class \"blue-text\".')",
+        "assert($(\"h1\").css(\"color\") === \"rgb(0, 0, 255)\", 'Your <code>h1</code> element should be blue.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3242,7 +3242,7 @@
         "    color: pink;",
         "  }",
         "</style>",
-        "<h1 class='pink-text'>Hello World!</h1>"
+        "<h1 class=\"pink-text\">Hello World!</h1>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -3272,10 +3272,10 @@
         "Create a CSS declaration for your \"orange-text\" id in your <code>style</code> element. Here's and example of what this looks like: <code>#brown-text { color: brown; }</code>"
       ],
       "tests": [
-        "assert($('h1').hasClass('pink-text'), 'Your <code>h1</code> element should have the class \"pink-text\".')",
-        "assert($('h1').hasClass('blue-text'), 'Your <code>h1</code> element should have the class \"blue-text\".')",
-        "assert($('h1').attr('id') === 'orange-text', 'Give your <code>h1</code> element the id of \"orange-text\".')",
-        "assert($('h1').css('color') === 'rgb(255, 165, 0)', 'Your <code>h1</code> element should be orange.')"
+        "assert($(\"h1\").hasClass(\"pink-text\"), 'Your <code>h1</code> element should have the class \"pink-text\".')",
+        "assert($(\"h1\").hasClass(\"blue-text\"), 'Your <code>h1</code> element should have the class \"blue-text\".')",
+        "assert($(\"h1\").attr(\"id\") === \"orange-text\", 'Give your <code>h1</code> element the id of \"orange-text\".')",
+        "assert($(\"h1\").css(\"color\") === \"rgb(255, 165, 0)\", 'Your <code>h1</code> element should be orange.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3291,7 +3291,7 @@
         "    color: blue;",
         "  }",
         "</style>",
-        "<h1 class='pink-text blue-text'>Hello World!</h1>"
+        "<h1 class=\"pink-text blue-text\">Hello World!</h1>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -3319,11 +3319,11 @@
         "Leave the \"blue-text\" and \"pink-text\" classes on your <code>h1</code> element."
       ],
       "tests": [
-        "assert($('h1').hasClass('pink-text'), 'Your <code>h1</code> element should have the class \"pink-text\".')",
-        "assert($('h1').hasClass('blue-text'), 'Your <code>h1</code> element should have the class \"blue-text\".')",
-        "assert($('h1').attr('id') === 'orange-text', 'Your <code>h1</code> element should have the id of \"orange-text\".')",
+        "assert($(\"h1\").hasClass(\"pink-text\"), 'Your <code>h1</code> element should have the class \"pink-text\".')",
+        "assert($(\"h1\").hasClass(\"blue-text\"), 'Your <code>h1</code> element should have the class \"blue-text\".')",
+        "assert($(\"h1\").attr(\"id\") === \"orange-text\", 'Your <code>h1</code> element should have the id of \"orange-text\".')",
         "assert(editor.match(/<h1.*style/gi) && editor.match(/<h1.*style.*color:/gi).length > 0, 'Give your <code>h1</code> element the inline style of \"color: white\".')",
-        "assert($('h1').css('color') === 'rgb(255, 255, 255)', 'Your <code>h1</code> element should be white.')"
+        "assert($(\"h1\").css(\"color\") === \"rgb(255, 255, 255)\", 'Your <code>h1</code> element should be white.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3342,7 +3342,7 @@
         "    color: blue;",
         "  }",
         "</style>",
-        "<h1 id='orange-text' class='pink-text blue-text'>Hello World!</h1>"
+        "<h1 id=\"orange-text\" class=\"pink-text blue-text\">Hello World!</h1>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -3372,12 +3372,12 @@
         "An example of how to do this is: <code>color: red !important;</code>"
       ],
       "tests": [
-        "assert($('h1').hasClass('pink-text'), 'Your <code>h1</code> element should have the class \"pink-text\".')",
-        "assert($('h1').hasClass('blue-text'), 'Your <code>h1</code> element should have the class \"blue-text\".')",
-        "assert($('h1').attr('id') === 'orange-text', 'Your <code>h1</code> element should have the id of \"orange-text\".')",
+        "assert($(\"h1\").hasClass(\"pink-text\"), 'Your <code>h1</code> element should have the class \"pink-text\".')",
+        "assert($(\"h1\").hasClass(\"blue-text\"), 'Your <code>h1</code> element should have the class \"blue-text\".')",
+        "assert($(\"h1\").attr(\"id\") === \"orange-text\", 'Your <code>h1</code> element should have the id of \"orange-text\".')",
         "assert(editor.match(/<h1.*style/gi) && editor.match(/<h1.*style.*color:/gi).length > 0, 'Your <code>h1</code> element should have the inline style of \"color: white\".')",
         "assert(editor.match(/pink.*\\!important/gi) && editor.match(/pink.*\\!important;/gi).length > 0, 'Your \"pink-text\" class should have the !important keyword to override all other declarations.')",
-        "assert($('h1').css('color') === 'rgb(255, 192, 203)', 'Your <code>h1</code> element should be pink.')"
+        "assert($(\"h1\").css(\"color\") === \"rgb(255, 192, 203)\", 'Your <code>h1</code> element should be pink.')"
       ],
       "challengeSeed": [
         "<style>",
@@ -3396,7 +3396,7 @@
         "    color: blue;",
         "  }",
         "</style>",
-        "<h1 id='orange-text' class='pink-text blue-text' style='color: white'>Hello World!</h1>"
+        "<h1 id=\"orange-text\" class=\"pink-text blue-text\" style=\"color: white\">Hello World!</h1>"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -3424,7 +3424,7 @@
         "Replace the word \"black\" in our <code>body</code> element's background-color with its \"hex code\" representation, <code>#000000</code>. "
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 0, 0)', 'Give your <code>body</code> element the background-color of black.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 0, 0)\", 'Give your <code>body</code> element the background-color of black.')",
         "assert(editor.match(/#000000/g) && editor.match(/#000000/g).length > 0, 'Use the hex code for the color black instead of the word \"black\". For example <code>body: { color: #000000; }</code>.')"
       ],
       "challengeSeed": [
@@ -3459,7 +3459,7 @@
         "Let's turn our <code>body</code> element's background-color white by changing its hex code to <code>#FFFFFF</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 255, 255)', 'Your <code>body</code> element should have the background-color of white.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 255, 255)\", 'Your <code>body</code> element should have the background-color of white.')",
         "assert(editor.match(/#FFFFFF/ig) && editor.match(/#FFFFFF/ig).length > 0, 'Use hex code the color white instead of the word \"white\". For example <code>body: { color: #FFFFFF; }</code>.')"
       ],
       "challengeSeed": [
@@ -3496,7 +3496,7 @@
         "Make the <code>body</code> element's background color red by giving it the hex code value of <code>#FF0000</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 0, 0)', 'Give your <code>body</code> element the background-color of red.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 0, 0)\", 'Give your <code>body</code> element the background-color of red.')",
         "assert(editor.match(/#FF0000/g) && editor.match(/#FF0000/g).length > 0, 'Use hex code the color red instead of the word \"red\". For example <code>body: { color: #FF0000; }</code>.')"
       ],
       "challengeSeed": [
@@ -3531,7 +3531,7 @@
         "Make the <code>body</code> element's background color green by giving it the hex code value of <code>#00FF00</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 255, 0)', 'Give your <code>body</code> element the background-color of green.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 255, 0)\", 'Give your <code>body</code> element the background-color of green.')",
         "assert(editor.match(/#00[Ff]{2}00/g) && editor.match(/#00[Ff]{2}00/g).length > 0, 'Use hex code the color green instead of the word \"green\". For example <code>body: { color: #00FF00; }</code>.')"
       ],
       "challengeSeed": [
@@ -3566,7 +3566,7 @@
         "Make the <code>body</code> element's background color blue by giving it the hex code value of <code>#0000FF</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 0, 255)', 'Give your <code>body</code> element the background-color of blue.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 0, 255)\", 'Give your <code>body</code> element the background-color of blue.')",
         "assert(editor.match(/#0000FF/g) && editor.match(/#0000FF/g).length > 0, 'Use hex code the color blue instead of the word \"blue\". For example <code>body: { color: #0000FF; }</code>.')"
       ],
       "challengeSeed": [
@@ -3601,7 +3601,7 @@
         "Make the <code>body</code> element's background color orange by giving it the hex code value of <code>#FFA500</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 165, 0)', 'Give your <code>body</code> element the background-color of orange.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 165, 0)\", 'Give your <code>body</code> element the background-color of orange.')",
         "assert(editor.match(/#FFA500/g) && editor.match(/#FFA500/g).length > 0, 'Use hex code the color orange instead of the word \"orange\". For example <code>body: { color: #FFA500; }</code>.')"
       ],
       "challengeSeed": [
@@ -3636,7 +3636,7 @@
         "Make the <code>body</code> element's background color gray by giving it the hex code value of <code>#808080</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(128, 128, 128)', 'Give your <code>body</code> element the background-color of gray.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(128, 128, 128)\", 'Give your <code>body</code> element the background-color of gray.')",
         "assert(editor.match(/#808080/g) && editor.match(/#808080/g).length > 0, 'Use hex code the color gray instead of the word \"gray\". For example <code>body: { color: #808080; }</code>.')"
       ],
       "challengeSeed": [
@@ -3670,7 +3670,7 @@
         "Make the <code>body</code> element's background color a dark gray by giving it the hex code value of <code>#111111</code>."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(17, 17, 17)', 'Give your <code>body</code> element the background-color of a light gray.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(17, 17, 17)\", 'Give your <code>body</code> element the background-color of a light gray.')",
         "assert(editor.match(/#111111/g) && editor.match(/#111111/g).length > 0, 'Use hex code to make a light gray. For example <code>body: { color: #111111; }</code>.')"
       ],
       "challengeSeed": [
@@ -3706,7 +3706,7 @@
         "Go ahead, try using #F00 to turn the <code>body</code> element's background-color red."
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 0, 0)', 'Give your <code>body</code> element the background-color of red.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 0, 0)\", 'Give your <code>body</code> element the background-color of red.')",
         "assert(editor.match(/#F00/ig) && editor.match(/#F00/ig).length > 0, 'Use abbreviated hex code instead of a named color. For example <code>body: { color: #F00; }</code>.')"
       ],
       "challengeSeed": [
@@ -3743,7 +3743,7 @@
         "Let's replace the hex code in our <code>body</code> element's background color with the RGB value for black: <code>rgb(0, 0, 0)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 0, 0)', 'Give your <code>body</code> element the background-color of black.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 0, 0)\", 'Give your <code>body</code> element the background-color of black.')",
         "assert(editor.match(/rgb\\s*\\(\\s*0\\s*,\\s*0\\s*,\\s*0\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of black. For example <code>body&#58; { color&#58; rgb(0&#44; 0&#44; 0); }</code>.')"
       ],
       "challengeSeed": [
@@ -3778,7 +3778,7 @@
         "Change the <code>body</code> element's background color from the RGB value for black to the RGB value for white: <code>rgb(255, 255, 255)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 255, 255)', 'Give your <code>body</code> element the background-color of white.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 255, 255)\", 'Give your <code>body</code> element the background-color of white.')",
         "assert(editor.match(/rgb\\s*\\(\\s*255\\s*,\\s*255\\s*,\\s*255\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of white. For example <code>body&#58; { background-color&#58; rgb(255&#44; 255 &#44; 255); }</code>.')"
       ],
       "challengeSeed": [
@@ -3813,7 +3813,7 @@
         "Change the <code>body</code> element's background color to the RGB value red: <code>rgb(255, 0, 0)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 0, 0)', 'Give your <code>body</code> element the background-color of red.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 0, 0)\", 'Give your <code>body</code> element the background-color of red.')",
         "assert(editor.match(/rgb\\s*\\(\\s*255\\s*,\\s*0\\s*,\\s*0\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of red. For example <code>body&#58; { background-color&#58; rgb(255&#44; 0&#44; 0); }</code>.')"
       ],
       "challengeSeed": [
@@ -3846,7 +3846,7 @@
         "Now change the <code>body</code> element's background color to the RGB value green: <code>rgb(0, 255, 0)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 255, 0)', 'Give your <code>body</code> element the background-color of green.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 255, 0)\", 'Give your <code>body</code> element the background-color of green.')",
         "assert(editor.match(/rgb\\s*\\(\\s*0\\s*,\\s*255\\s*,\\s*0\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of green. For example <code>body&#58; { background-color&#58; rgb(0&#44; 255&#44; 0); }</code>.')"
       ],
       "challengeSeed": [
@@ -3879,7 +3879,7 @@
         "Change the <code>body</code> element's background color to the RGB value blue: <code>rgb(0, 0, 255)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(0, 0, 255)', 'Give your <code>body</code> element the background-color of blue.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(0, 0, 255)\", 'Give your <code>body</code> element the background-color of blue.')",
         "assert(editor.match(/rgb\\s*\\(\\s*0\\s*,\\s*0\\s*,\\s*255\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of blue. For example <code>body&#58; { background-color&#58; rgb(0&#44; 0&#44; 255); }</code>.')"
       ],
       "challengeSeed": [
@@ -3913,7 +3913,7 @@
         "Change the <code>body</code> element's background color to the RGB value orange: <code>rgb(255, 165, 0)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(255, 165, 0)', 'Give your <code>body</code> element the background-color of orange.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(255, 165, 0)\", 'Give your <code>body</code> element the background-color of orange.')",
         "assert(editor.match(/rgb\\s*\\(\\s*255\\s*,\\s*165\\s*,\\s*0\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of orange. For example <code>body&#58; { background-color&#58; rgb(255&#44; 165&#44; 0); }</code>.')"
       ],
       "challengeSeed": [
@@ -3947,7 +3947,7 @@
         "Change the <code>body</code> element's background color to the RGB value for gray: <code>rgb(128, 128, 128)</code>"
       ],
       "tests": [
-        "assert($('body').css('background-color') === 'rgb(128, 128, 128)', 'Give your <code>body</code> element the background-color of gray.')",
+        "assert($(\"body\").css(\"background-color\") === \"rgb(128, 128, 128)\", 'Give your <code>body</code> element the background-color of gray.')",
         "assert(editor.match(/rgb\\s*\\(\\s*128\\s*,\\s*128\\s*,\\s*128\\s*\\)/ig), 'Use RGB to give your <code>body</code> element the background-color of gray. For example <code>body&#58; { background-color&#58; rgb(128&#44; 128&#44; 128); }</code>.')"
       ],
       "challengeSeed": [
diff --git a/seed/challenges/json-apis-and-ajax.json b/seed/challenges/json-apis-and-ajax.json
index a736d722e3..268ad265a5 100644
--- a/seed/challenges/json-apis-and-ajax.json
+++ b/seed/challenges/json-apis-and-ajax.json
@@ -3,7 +3,7 @@
   "order": 0.007,
   "challenges": [
     {
-      "id": "bad87fee1348bd9aeca08826",
+      "id": "bad87fed1348bd9aeca08826",
       "title":  "Trigger on click Events with jQuery",
       "difficulty": 3.19,
       "description": [

From dc54e37df63d53165024a97283d494354e5b02eb Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Thu, 13 Aug 2015 15:49:38 -0700
Subject: [PATCH 7/7] move json and ajax challenges to under construction
 directory

---
 seed/{challenges => under-construction}/json-apis-and-ajax.json | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename seed/{challenges => under-construction}/json-apis-and-ajax.json (100%)

diff --git a/seed/challenges/json-apis-and-ajax.json b/seed/under-construction/json-apis-and-ajax.json
similarity index 100%
rename from seed/challenges/json-apis-and-ajax.json
rename to seed/under-construction/json-apis-and-ajax.json