diff --git a/docs/documentation_routes.js b/docs/documentation_routes.js
index 253c04b8cf..83b153d196 100644
--- a/docs/documentation_routes.js
+++ b/docs/documentation_routes.js
@@ -48,16 +48,17 @@ router.get('/examples/template-data', function (req, res) {
 })
 
 // Branching
-router.get('/examples/over-18', function (req, res) {
-  // Get the answer from the query string (eg. ?over18=false)
-  var over18 = req.query.over18
+router.post('/examples/branching/over-18-answer', function (req, res) {
+  // Get the answer from session data
+  // The name between the quotes is the same as the 'name' attribute on the input elements
+  // However in JavaScript we can't use hyphens in variable names
+
+  let over18 = req.session.data['over-18']
 
   if (over18 === 'false') {
-    // Redirect to the relevant page
-    res.redirect('/docs/examples/under-18')
+    res.redirect('/docs/examples/branching/under-18')
   } else {
-    // If over18 is any other value (or is missing) render the page requested
-    res.render('examples/over-18')
+    res.redirect('/docs/examples/branching/over-18')
   }
 })
 
diff --git a/docs/views/examples/branching.html b/docs/views/examples/branching/index.html
similarity index 71%
rename from docs/views/examples/branching.html
rename to docs/views/examples/branching/index.html
index b8fc3b93de..04547dd144 100644
--- a/docs/views/examples/branching.html
+++ b/docs/views/examples/branching/index.html
@@ -13,22 +13,22 @@
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
 
-      <form action="/docs/examples/over-18" method="get" class="form">
+      <form action="/docs/examples/branching/over-18-answer" method="post" class="form">
 
         <h1 class="govuk-heading-xl">
           Branching
         </h1>
 
         <p>
-          You may want to show a user different pages, depending on how they've answered a question.
+          You can show a user different pages, depending on how they've answered a question.
         </p>
 
         <p>
-          You can see the code for this example here:
+          The code for this example is in your prototype folder:
         </p>
 
         <pre class="app-code"><code>/docs/documentation_routes.js
-/docs/views/examples/branching.html</code></pre>
+/docs/views/examples/branching</code></pre>
 
         <div class="govuk-form-group">
           <fieldset class="govuk-fieldset">
@@ -39,14 +39,14 @@ <h2 class="govuk-fieldset__heading">
           </legend>
           <div class="govuk-radios govuk-radios--inline">
             <div class="govuk-radios__item">
-              <input class="govuk-radios__input" id="over18-1" name="over18" type="radio" value="true">
-              <label class="govuk-label govuk-radios__label" for="over18-1">
+              <input class="govuk-radios__input" id="over-18-yes" name="over-18" type="radio" value="true">
+              <label class="govuk-label govuk-radios__label" for="over-18-yes">
                 Yes
               </label>
             </div>
             <div class="govuk-radios__item">
-              <input class="govuk-radios__input" id="over18-2" name="over18" type="radio" value="false">
-              <label class="govuk-label govuk-radios__label" for="over18-2">
+              <input class="govuk-radios__input" id="over18-no" name="over-18" type="radio" value="false">
+              <label class="govuk-label govuk-radios__label" for="over-18-no">
                 No
               </label>
             </div>
diff --git a/docs/views/examples/over-18.html b/docs/views/examples/branching/over-18.html
similarity index 100%
rename from docs/views/examples/over-18.html
rename to docs/views/examples/branching/over-18.html
diff --git a/docs/views/examples/under-18.html b/docs/views/examples/branching/under-18.html
similarity index 100%
rename from docs/views/examples/under-18.html
rename to docs/views/examples/branching/under-18.html