diff --git a/README.md b/README.md
index 717e3229..3ea30fbf 100644
--- a/README.md
+++ b/README.md
@@ -26,22 +26,27 @@ Turbograft was built with simplicity in mind. It intends to offer the smallest a
 
 
 ## Usage
+
+Much of Turbograft’s functionality relies on attributes HTML elements. These attributes are currently namespaced to `data-tg-*` (e.g. `data-tg-refresh`).
+
+Versions of Turbograft older than 0.2.0 did not use this namespacing. The old attribute names (e.g. `refresh`) are deprecated.
+
 ### Partial page refresh
 
 ```html
-<div id="content" refresh="page">
+<div id="content" data-tg-refresh="page">
   ...
 </div>
 ```
 
 
 ```html
-<a href="#" id="partial-refresh-page" refresh="page" onclick="event.preventDefault(); Page.refresh({url: '<%= page_path(@next_id) %>',onlyKeys: ['page']});">Refresh the page</a>
+<a href="#" id="partial-refresh-page" data-tg-refresh="page" onclick="event.preventDefault(); Page.refresh({url: '<%= page_path(@next_id) %>',onlyKeys: ['page']});">Refresh the page</a>
 ```
 
-This performs a `GET` request, but our client state is maintained. Using the refresh attribute, we tell TurboGraft to grab the new page, but only refresh elements where refresh="page".  This is the lowest-level way to use TurboGraft.
+This performs a `GET` request, but our client state is maintained. Using the `data-tg-refresh` attribute, we tell TurboGraft to grab the new page, but only refresh elements where `data-tg-refresh="page"`.  This is the lowest-level way to use TurboGraft.
 
-`refresh` attributes on your DOM nodes can be considered somewhat analoguous to how `class` will apply styles to any nodes with that class.  That is to say, many nodes can be decorated `refresh="foo"` and all matching nodes will be replaced with `onlyKeys: ['foo']`.  Each node with `refresh` must have its own unique ID (this is how nodes are matched during the replacement stage).  At the moment, `refresh` does not support multiple keys (e.g., `refresh="foo bar"`) like the `class` attribute does.
+`data-tg-refresh` attributes on your DOM nodes can be considered somewhat analoguous to how `class` will apply styles to any nodes with that class.  That is to say, many nodes can be decorated `data-tg-refresh="foo"` and all matching nodes will be replaced with `onlyKeys: ['foo']`.  Each node with `data-tg-refresh` must have its own unique ID (this is how nodes are matched during the replacement stage).  At the moment, `data-tg-refresh` does not support multiple keys (e.g., `data-tg-refresh="foo bar"`) like the `class` attribute does.
 
 ### onlyKeys
 You can specify multiple refresh keys on a page, and you can tell TurboGraft to refresh on one or more refresh keys for a given action.
@@ -57,54 +62,54 @@ You can also tell TurboGraft to refresh the page, but exclude certain elements f
 <button id='refresh-a-and-b' href="<%= page_path(@id) %>" onclick="event.preventDefault(); Page.refresh({url: '<%= page_path(@id) %>', exceptKeys: ['section-a', 'section-b']});">Refresh everything but Section A and B</button>
 ```
 
-### refresh-never
-The `refresh-never` attribute will cause a node only appear once in the `body` of the document. This can be used to include and initialize a tracking pixel or script just once inside the body.
+### data-tg-refresh-never
+The `data-tg-refresh-never` attribute will cause a node only appear once in the `body` of the document. This can be used to include and initialize a tracking pixel or script just once inside the body.
 
 ```html
-<div refresh-never>
-  <%= link_to "Never refresh", page_path(@next_id), id: "next-page-refresh-never", refresh: "page" %>
+<div data-tg-refresh-never>
+  <%= link_to "Never refresh", page_path(@next_id), id: "next-page-refresh-never", "data-tg-refresh" => "page" %>
 </div>
 ```
 
-## tg-remote
+## data-tg-remote
 
-The `tg-remote` option allows you to query methods on or submit forms to different endpoints, and gives partial page replacement on specified refresh keys depending on the response status.
+The `data-tg-remote` option allows you to query methods on or submit forms to different endpoints, and gives partial page replacement on specified refresh keys depending on the response status.
 
 It requires your `<form>`, `<a>`, or `<button>` to be marked up with:
 
-* `tg-remote`: (optionally valueless for `<form>`, but requires an HTTP method for links) the HTTP method you wish to call on your endpoint
+* `data-tg-remote`: (optionally valueless for `<form>`, but requires an HTTP method for links) the HTTP method you wish to call on your endpoint
 * `href`: (if node is `<a>` or `<button>`) the URL of the endpoint you wish to hit
-* `refresh-on-success`: (optional) The refresh keys to be refreshed, using the body of the response. This is space-delimited
-* `full-refresh-on-success-except`: (optional) Replaces body except for specififed refresh keys, using the body of the XHR which has succeeded
-* `refresh-on-error`: (optional) The refresh keys to be refreshed, but using body of XHR which has failed. Only works with error 422. If the XHR returns and error and you do not supply a refresh-on-error, nothing is changed
-* `full-refresh-on-error-except`: (optional) Replaces body except for specified refresh keys, using the body of the XHR which has failed.  Only works with error 422
-* `remote-once`: (optional) The action will only be performed once. Removes `remote-method` and `remote-once` from element after consumption
-* `full-refresh`: Rather than using the content of the XHR response for partial page replacement, a full page refresh is performed. If `refresh-on-success` is defined, the page will be reloaded on these keys. If `refresh-on-success` is not defined, a full page refresh is performed. Defaults to true if neither refresh-on-success nor refresh-on-error are provided
-* `tg-remote-norefresh`: Prevents `Page.refresh()` from being called, allowing methods to be executed without updating client state
+* `data-tg-refresh-on-success`: (optional) The refresh keys to be refreshed, using the body of the response. This is space-delimited
+* `data-tg-full-refresh-on-success-except`: (optional) Replaces body except for specififed refresh keys, using the body of the XHR which has succeeded
+* `data-tg-refresh-on-error`: (optional) The refresh keys to be refreshed, but using body of XHR which has failed. Only works with error 422. If the XHR returns and error and you do not supply a refresh-on-error, nothing is changed
+* `data-tg-full-refresh-on-error-except`: (optional) Replaces body except for specified refresh keys, using the body of the XHR which has failed.  Only works with error 422
+* `data-tg-remote-once`: (optional) The action will only be performed once. Removes `data-tg-remote-method` and `data-tg-remote-once` from element after consumption
+* `data-tg-full-refresh`: Rather than using the content of the XHR response for partial page replacement, a full page refresh is performed. If `data-tg-refresh-on-success` is defined, the page will be reloaded on these keys. If `data-tg-refresh-on-success` is not defined, a full page refresh is performed. Defaults to true if neither refresh-on-success nor refresh-on-error are provided
+* `data-tg-remote-norefresh`: Prevents `Page.refresh()` from being called, allowing methods to be executed without updating client state
 
-Note that as `refresh-on-*` pertains to partial refreshes and `full-refresh-on-*-except` pertains to full refreshes, they are incompatible with each other and should not be combined.
+Note that as `data-tg-refresh-on-*` pertains to partial refreshes and `data-tg-full-refresh-on-*-except` pertains to full refreshes, they are incompatible with each other and should not be combined.
 
 ### Examples
 
 Call a remote method:
 
 ```html
-<a href="#" tg-remote="post" refresh-on-success="page section-a section-b">Remote-method</a>
+<a href="#" data-tg-remote="post" data-tg-refresh-on-success="page section-a section-b">Remote-method</a>
 ```
 
 The Rails way:
 
 ```erb
-<%= link_to "Remote method", method_path, 'refresh-on-success' => 'page section-a section-b', 'full-refresh' => 'true', 'tg-remote' => 'post' %>
+<%= link_to "Remote method", method_path, 'data-tg-refresh-on-success' => 'page section-a section-b', 'data-tg-full-refresh' => 'true', 'data-tg-remote' => 'post' %>
 ```
 
 Post to a remote form:
 
 ```html
-<div id="results" refresh="results">
+<div id="results" data-tg-refresh="results">
   Use the field below to submit some content, and get a result.
 </div>
-<form tg-remote="" action="/pages/submit" method="post" refresh-on-success="results" refresh-on-error="results">
+<form data-tg-remote="" action="/pages/submit" method="post" data-tg-refresh-on-success="results" data-tg-refresh-on-error="results">
   <input name="form-input" type="text">
   <button type="submit">Submit</button>
 </form>
@@ -117,28 +122,28 @@ Post to a remote form:
 * `turbograft:remote:always`: Always fires when XHR is complete
 * `turbograft:remote:success`: Always fires when XHR was successful
 * `turbograft:remote:fail`: Always fires when XHR failed
-* `turbograft:remote:fail:unhandled`: Fires after `turbograft:remote:fail`, but when no partial replacement with refresh-on-error was performed (because no `refresh-on-error` was supplied)
+* `turbograft:remote:fail:unhandled`: Fires after `turbograft:remote:fail`, but when no partial replacement with refresh-on-error was performed (because no `data-tg-refresh-on-error` was supplied)
 
-Each event also is sent with a copy of the XHR, as well as a reference to the element that initated the `remote-method`.
+Each event also is sent with a copy of the XHR, as well as a reference to the element that initated the `data-tg-remote-method`.
 
-### tg-static
+### data-tg-static
 
-With the `tg-static` attribute decorating a node, we can make sure that this node is not replaced during a fullpage refresh.  Contrast this to partial page refreshes, where we normally specify the set of elements that need to change.  With `tg-static`, we can define a set of elements (by annotating them with this attribute) that must never change.
+With the `data-tg-static` attribute decorating a node, we can make sure that this node is not replaced during a fullpage refresh.  Contrast this to partial page refreshes, where we normally specify the set of elements that need to change.  With `data-tg-static`, we can define a set of elements (by annotating them with this attribute) that must never change.
 
-The internal state of any nodes marked with `tg-static` will remain, even though the entire page has been swapped out.  A partial page refresh with `onlyKeys` targeting a node inside of the `tg-static` node is also possible, persisting your static element but swapping the innards.
+The internal state of any nodes marked with `data-tg-static` will remain, even though the entire page has been swapped out.  A partial page refresh with `onlyKeys` targeting a node inside of the `data-tg-static` node is also possible, persisting your static element but swapping the innards.
 
-Though, if you were to refresh the page at a higher level -- e.g., refreshing an ancestor of the `tg-static`, the static aspect is no longer obeyed and it is replaced!
+Though, if you were to refresh the page at a higher level -- e.g., refreshing an ancestor of the `data-tg-static`, the static aspect is no longer obeyed and it is replaced!
 
 Examples of where this may be useful include:
 
 - running `<video>` or `<audio>` element
 - a client-controlled static nav
 
-### refresh-always
+### data-tg-refresh-always
 
-For the lazy developer in all of us, we can use the attribute `refresh-always` when we want to be sure we've absolutely replaced a certain element, if it exists.  An example of such a node you may want to apply this might be an unread notification count -- always being sure to update it if it exists in the response.
+For the lazy developer in all of us, we can use the attribute `data-tg-refresh-always` when we want to be sure we've absolutely replaced a certain element, if it exists.  An example of such a node you may want to apply this might be an unread notification count -- always being sure to update it if it exists in the response.
 
-### tg-remote-noserialize
+### data-tg-remote-noserialize
 
 When serializing forms for tg-remote calls, turbograft will check to ensure inputs meet the following criteria:
 
@@ -147,10 +152,10 @@ When serializing forms for tg-remote calls, turbograft will check to ensure inpu
 
 and
 
-- the input does not have the `tg-remote-noserialize` attribute
-- no ancestor of the input has the `tg-remote-noserialize` attribute
+- the input does not have the `data-tg-remote-noserialize` attribute
+- no ancestor of the input has the `data-tg-remote-noserialize` attribute
 
-The `tg-remote-noserialize` is useful in scenarios where a whole section of the page should be editable, i.e. not `disabled`, but should only conditionally be submitted to the server.
+The `data-tg-remote-noserialize` is useful in scenarios where a whole section of the page should be editable, i.e. not `disabled`, but should only conditionally be submitted to the server.
 
 ## Example App
 
diff --git a/lib/assets/javascripts/turbograft.coffee b/lib/assets/javascripts/turbograft.coffee
index 4761608e..872f372e 100644
--- a/lib/assets/javascripts/turbograft.coffee
+++ b/lib/assets/javascripts/turbograft.coffee
@@ -2,3 +2,29 @@
 #= require_tree ./turbograft
 
 window.TurboGraft ?= { handlers: {} }
+
+TurboGraft.tgAttribute = (attr) ->
+  tgAttr = if attr[0...3] == 'tg-'
+    "data-#{attr}"
+  else
+    "data-tg-#{attr}"
+
+TurboGraft.getTGAttribute = (node, attr) ->
+  tgAttr = TurboGraft.tgAttribute(attr)
+  node.getAttribute(tgAttr) || node.getAttribute(attr)
+
+TurboGraft.removeTGAttribute = (node, attr) ->
+  tgAttr = TurboGraft.tgAttribute(attr)
+  node.removeAttribute(tgAttr)
+  node.removeAttribute(attr)
+
+TurboGraft.hasTGAttribute = (node, attr) ->
+  tgAttr = TurboGraft.tgAttribute(attr)
+  node.getAttribute(tgAttr)? || node.getAttribute(attr)?
+
+TurboGraft.querySelectorAllTGAttribute = (node, attr, value = null) ->
+  tgAttr = TurboGraft.tgAttribute(attr)
+  if value
+    node.querySelectorAll("[#{tgAttr}=#{value}], [#{attr}=#{value}]")
+  else
+    node.querySelectorAll("[#{tgAttr}], [#{attr}]")
diff --git a/lib/assets/javascripts/turbograft/initializers.coffee b/lib/assets/javascripts/turbograft/initializers.coffee
index 8060bc1c..ddefc29c 100644
--- a/lib/assets/javascripts/turbograft/initializers.coffee
+++ b/lib/assets/javascripts/turbograft/initializers.coffee
@@ -4,34 +4,34 @@ hasClass = (node, search) ->
 nodeIsDisabled = (node) ->
    node.getAttribute('disabled') || hasClass(node, 'disabled')
 
-setupRemoteFromTarget = (target, httpRequestType, urlAttribute, form = null) ->
-  httpUrl = target.getAttribute(urlAttribute)
+setupRemoteFromTarget = (target, httpRequestType, form = null) ->
+  httpUrl = target.getAttribute('href') || target.getAttribute('action')
 
-  throw new Error("Turbograft developer error: You did not provide a URL ('#{urlAttribute}' attribute) for tg-remote") unless httpUrl
+  throw new Error("Turbograft developer error: You did not provide a URL ('#{urlAttribute}' attribute) for data-tg-remote") unless httpUrl
 
-  if target.getAttribute("remote-once")
-    target.removeAttribute("remote-once")
-    target.removeAttribute("tg-remote")
+  if TurboGraft.getTGAttribute(target, "remote-once")
+    TurboGraft.removeTGAttribute(target, "remote-once")
+    TurboGraft.removeTGAttribute(target, "tg-remote")
 
   options =
     httpRequestType: httpRequestType
     httpUrl: httpUrl
-    fullRefresh: target.getAttribute('full-refresh')?
-    refreshOnSuccess: target.getAttribute('refresh-on-success')
-    refreshOnSuccessExcept: target.getAttribute('full-refresh-on-success-except')
-    refreshOnError: target.getAttribute('refresh-on-error')
-    refreshOnErrorExcept: target.getAttribute('full-refresh-on-error-except')
+    fullRefresh: TurboGraft.getTGAttribute(target, 'full-refresh')?
+    refreshOnSuccess: TurboGraft.getTGAttribute(target, 'refresh-on-success')
+    refreshOnSuccessExcept: TurboGraft.getTGAttribute(target, 'full-refresh-on-success-except')
+    refreshOnError: TurboGraft.getTGAttribute(target, 'refresh-on-error')
+    refreshOnErrorExcept: TurboGraft.getTGAttribute(target, 'full-refresh-on-error-except')
 
   new TurboGraft.Remote(options, form, target)
 
 TurboGraft.handlers.remoteMethodHandler = (ev) ->
   target = ev.clickTarget
-  httpRequestType = target.getAttribute('tg-remote')
+  httpRequestType = TurboGraft.getTGAttribute(target, 'tg-remote')
 
   return unless httpRequestType
   ev.preventDefault()
 
-  remote = setupRemoteFromTarget(target, httpRequestType, 'href')
+  remote = setupRemoteFromTarget(target, httpRequestType)
   remote.submit()
   return
 
@@ -39,10 +39,10 @@ TurboGraft.handlers.remoteFormHandler = (ev) ->
   target = ev.target
   method = target.getAttribute('method')
 
-  return unless target.getAttribute('tg-remote')?
+  return unless TurboGraft.hasTGAttribute(target, 'tg-remote')
   ev.preventDefault()
 
-  remote = setupRemoteFromTarget(target, method, 'action', target)
+  remote = setupRemoteFromTarget(target, method, target)
   remote.submit()
   return
 
diff --git a/lib/assets/javascripts/turbograft/remote.coffee b/lib/assets/javascripts/turbograft/remote.coffee
index 4447169b..59068b89 100644
--- a/lib/assets/javascripts/turbograft/remote.coffee
+++ b/lib/assets/javascripts/turbograft/remote.coffee
@@ -103,7 +103,7 @@ class TurboGraft.Remote
   _enabledInputs: (form) ->
     selector = "input:not([type='reset']):not([type='button']):not([type='submit']):not([type='image']), select, textarea"
     inputs = Array::slice.call(form.querySelectorAll(selector))
-    disabledNodes = Array::slice.call(form.querySelectorAll("[tg-remote-noserialize]"))
+    disabledNodes = Array::slice.call(TurboGraft.querySelectorAllTGAttribute(form, 'tg-remote-noserialize'))
 
     return inputs unless disabledNodes.length
 
@@ -128,7 +128,7 @@ class TurboGraft.Remote
       Page.visit(redirect, reload: true)
       return
 
-    unless @initiator.hasAttribute('tg-remote-norefresh')
+    unless TurboGraft.hasTGAttribute(@initiator, 'tg-remote-norefresh')
       if @opts.fullRefresh && @refreshOnSuccess
         Page.refresh(onlyKeys: @refreshOnSuccess)
       else if @opts.fullRefresh
diff --git a/lib/assets/javascripts/turbograft/turbolinks.coffee b/lib/assets/javascripts/turbograft/turbolinks.coffee
index fe31c8ce..b9fbc856 100644
--- a/lib/assets/javascripts/turbograft/turbolinks.coffee
+++ b/lib/assets/javascripts/turbograft/turbolinks.coffee
@@ -161,14 +161,14 @@ class window.Turbolinks
   getNodesMatchingRefreshKeys = (keys) ->
     matchingNodes = []
     for key in keys
-      for node in document.querySelectorAll("[refresh=#{key}]")
+      for node in TurboGraft.querySelectorAllTGAttribute(document, 'refresh', key)
         matchingNodes.push(node)
 
     return matchingNodes
 
   getNodesWithRefreshAlways = ->
     matchingNodes = []
-    for node in document.querySelectorAll("[refresh-always]")
+    for node in TurboGraft.querySelectorAllTGAttribute(document, 'refresh-always')
       matchingNodes.push(node)
 
     return matchingNodes
@@ -186,7 +186,7 @@ class window.Turbolinks
       autofocusElement.focus()
 
   deleteRefreshNeverNodes = (body) ->
-    for node in body.querySelectorAll('[refresh-never]')
+    for node in TurboGraft.querySelectorAllTGAttribute(body, 'refresh-never')
       removeNode(node)
 
     return
@@ -215,7 +215,7 @@ class window.Turbolinks
         else
           refreshedNodes.push(newNode)
 
-      else if existingNode.getAttribute("refresh-always") == null
+      else if TurboGraft.getTGAttribute(existingNode, "refresh-always") == null
         removeNode(existingNode)
 
     refreshedNodes
@@ -231,7 +231,7 @@ class window.Turbolinks
   persistStaticElements = (body) ->
     allNodesToKeep = []
 
-    nodes = document.querySelectorAll("[tg-static]")
+    nodes = TurboGraft.querySelectorAllTGAttribute(document, 'tg-static')
     allNodesToKeep.push(node) for node in nodes
 
     keepNodes(body, allNodesToKeep)
@@ -241,7 +241,7 @@ class window.Turbolinks
     allNodesToKeep = []
 
     for key in keys
-      for node in document.querySelectorAll("[refresh=#{key}]")
+      for node in TurboGraft.querySelectorAllTGAttribute(document, 'refresh', key)
         allNodesToKeep.push(node)
 
     keepNodes(body, allNodesToKeep)
diff --git a/lib/turbograft/version.rb b/lib/turbograft/version.rb
index 8d4b54ce..335d389e 100644
--- a/lib/turbograft/version.rb
+++ b/lib/turbograft/version.rb
@@ -1,3 +1,3 @@
 module TurboGraft
-  VERSION = '0.1.20'
+  VERSION = '0.2.0'
 end
diff --git a/test/browser/full_page_refresh_test.rb b/test/browser/full_page_refresh_test.rb
index 72b96000..269dc219 100644
--- a/test/browser/full_page_refresh_test.rb
+++ b/test/browser/full_page_refresh_test.rb
@@ -32,10 +32,10 @@ class FullPageRefreshTest < ActionDispatch::IntegrationTest
     refute page.has_selector?("div.eval-false")
   end
 
-  test "will not keep any refresh-never nodes around" do
-    assert page.has_selector?("[refresh-never]")
+  test "will not keep any data-tg-refresh-never nodes around" do
+    assert page.has_selector?("[data-tg-refresh-never]")
     click_link "next"
-    refute page.has_selector?("[refresh-never]")
+    refute page.has_selector?("[data-tg-refresh-never]")
   end
 
   test "going to a URL that will error 500, and hitting the browser back button, we see the correct page (and not the 500)" do
@@ -64,15 +64,18 @@ class FullPageRefreshTest < ActionDispatch::IntegrationTest
     assert_equal "Sample Turbograft Application", page.title
   end
 
-  test "tg-static preserves client-side state of innards on full refresh, but will replaces contents if we specifically partially-refresh a section inside of it" do
-    page.fill_in 'badgeinput', :with => 'tg-static innards'
+  test "data-tg-static preserves client-side state of innards on full refresh, but will replaces contents if we specifically data-tg-partially-refresh a section inside of it" do
+    page.fill_in 'badgeinput', :with => 'data-tg-static innards'
     click_link "Perform a full page refresh"
-    assert_equal "tg-static innards", find_field("badgeinput").value
+    assert_equal "data-tg-static innards", find_field("badgeinput").value
     click_link "Perform a partial page refresh and refresh the navigation section"
+    while !page.has_content?
+      sleep 500
+    end
     assert_equal "", find_field("badgeinput").value
   end
 
-  test "refresh-always will always refresh the annotated nodes, regardless of refresh type" do
+  test "data-tg-refresh-always will always refresh the annotated nodes, regardless of refresh type" do
     page.fill_in 'badgeinput2', :with => 'some innards 523'
     click_link "Perform a full page refresh"
     page.assert_no_text "some innards 523"
@@ -83,11 +86,11 @@ class FullPageRefreshTest < ActionDispatch::IntegrationTest
     assert_equal "", find_field("badgeinput2").value
   end
 
-  test "refresh-always will not destroy or remove the node on a full page refresh" do
-    assert page.has_content?('refresh-always outside of tg-static')
+  test "data-tg-refresh-always will not destroy or remove the node on a full page refresh" do
+    assert page.has_content?('data-tg-refresh-always outside of data-tg-static')
     assert page.has_content?("You're on page 1")
     click_link 'next'
     assert page.has_content?("You're on page 2")
-    assert page.has_content?('refresh-always outside of tg-static')
+    assert page.has_content?('data-tg-refresh-always outside of data-tg-static')
   end
 end
diff --git a/test/browser/legacy_full_page_refresh_test.rb b/test/browser/legacy_full_page_refresh_test.rb
new file mode 100644
index 00000000..1d8ea37d
--- /dev/null
+++ b/test/browser/legacy_full_page_refresh_test.rb
@@ -0,0 +1,96 @@
+require 'test_helper'
+require 'benchmark'
+
+class LegacyPagesFullPageRefreshTest < ActionDispatch::IntegrationTest
+  include Capybara::DSL
+
+  setup do
+    visit "/legacy_pages/1"
+  end
+
+  test "will strip noscript tags" do
+    click_link "Perform a full navigation to learn more"
+    refute page.has_selector?("noscript") # this test should pass, I think
+    refute page.has_content?("Please enable JavaScript")
+  end
+
+  test "will replace the title and body" do
+    page.execute_script "document.title = 'Something';"
+    page.execute_script "$('body').addClass('hot-new-bod');"
+    click_link "Perform a full navigation to learn more"
+    page.assert_no_selector('body.hot-new-bod')
+    assert_not_equal "Something", page.title
+  end
+
+  test "will execute scripts that do not have data-turbolinks-eval='false'" do
+    click_link "Perform a full navigation to learn more"
+    assert page.has_selector?("div.eval-true")
+  end
+
+  test "will not execute scripts that have data-turbolinks-eval='false'" do
+    click_link "Perform a full navigation to learn more"
+    refute page.has_selector?("div.eval-false")
+  end
+
+  test "will not keep any refresh-never nodes around" do
+    assert page.has_selector?("[refresh-never]")
+    click_link "next"
+    refute page.has_selector?("[refresh-never]")
+  end
+
+  test "going to a URL that will error 500, and hitting the browser back button, we see the correct page (and not the 500)" do
+    click_link "I will throw an error 500"
+    has_text = false
+    while !has_text
+      has_text = page.assert_text('Error 500!')
+      sleep 1
+    end
+    assert_not_equal "Sample Turbograft Application", page.title
+    page.execute_script 'window.history.back()'
+    page.assert_no_text('Error 500!')
+    assert_equal "Sample Turbograft Application", page.title
+  end
+
+  test "going to a URL that will error 404, and hitting the browser back button, we see the correct page (and not the 404)" do
+    click_link "I will throw an error 404"
+    has_text = false
+    while !has_text
+      has_text = page.assert_text('Error 404!')
+      sleep 1
+    end
+    assert_not_equal "Sample Turbograft Application", page.title
+    page.execute_script 'window.history.back()'
+    page.assert_no_text('Error 404!')
+    assert_equal "Sample Turbograft Application", page.title
+  end
+
+  test "tg-static preserves client-side state of innards on full refresh, but will replaces contents if we specifically partially-refresh a section inside of it" do
+    page.fill_in 'badgeinput', :with => 'tg-static innards'
+    click_link "Perform a full page refresh"
+    assert_equal "tg-static innards", find_field("badgeinput").value
+    click_link "Perform a partial page refresh and refresh the navigation section"
+    while !page.has_content?
+      sleep 500
+    end
+    assert_equal "", find_field("badgeinput").value
+  end
+
+  test "refresh-always will always refresh the annotated nodes, regardless of refresh type" do
+    page.fill_in 'badgeinput2', :with => 'some innards 523'
+    click_link "Perform a full page refresh"
+    page.assert_no_text "some innards 523"
+    assert_equal "", find_field("badgeinput2").value
+    page.fill_in 'badgeinput2', :with => 'some innards 555'
+    click_link "Perform a partial page refresh and refresh the navigation section"
+    page.assert_no_text "some innards 555"
+    assert_equal "", find_field("badgeinput2").value
+  end
+
+  test "refresh-always will not destroy or remove the node on a full page refresh" do
+    assert page.has_content?('refresh-always outside of tg-static')
+    assert page.has_content?("You're on page 1")
+    click_link 'next'
+    assert page.has_content?("You're on page 2")
+    assert page.has_content?('refresh-always outside of tg-static')
+  end
+end
diff --git a/test/browser/legacy_pages_request_test.rb b/test/browser/legacy_pages_request_test.rb
new file mode 100644
index 00000000..83b67db8
--- /dev/null
+++ b/test/browser/legacy_pages_request_test.rb
@@ -0,0 +1,24 @@
+require 'test_helper'
+require 'benchmark'
+
+class LegacyPagesPageRequestTest < ActionDispatch::IntegrationTest
+  include Capybara::DSL
+  include Capybara::Node::Matchers
+
+  test "turbolinks works" do
+
+    visit "/legacy_pages/1"
+    tracking_token = find(:css, "meta[name='tracking-token']", visible: false)[:content]
+
+    click_link "next"
+    assert_match tracking_token, find(:css, "meta[name='tracking-token']", visible: false)[:content]
+  end
+
+  test "url_for_with_xhr_referer :back hack" do
+    visit "/legacy_pages/1"
+    assert_equal 'javascript:history.back()', find_link('back')[:href]
+
+    click_link "next"
+    assert_match /legacy_pages\/1/, find_link('back')[:href]
+  end
+end
diff --git a/test/browser/legacy_partial_page_refresh_test.rb b/test/browser/legacy_partial_page_refresh_test.rb
new file mode 100644
index 00000000..b17200af
--- /dev/null
+++ b/test/browser/legacy_partial_page_refresh_test.rb
@@ -0,0 +1,146 @@
+require 'test_helper'
+require 'benchmark'
+
+class LegacyPagesPartialPageRefreshTest < ActionDispatch::IntegrationTest
+  include Capybara::DSL
+
+  setup do
+    visit "/legacy_pages/1"
+  end
+
+  test "will refresh just parts of the page" do
+    random_a = find('#random-number-a').text
+    random_b = find('#random-number-b').text
+
+    assert random_a
+    assert random_b
+
+    click_link "Go to next page via partial refresh"
+    assert page.has_content?("page 2")
+    assert_equal random_a, find('#random-number-a').text
+    assert_equal random_b, find('#random-number-b').text
+  end
+
+  test "can refresh just one section at a time" do
+    random_a = find('#random-number-a').text
+    random_b = find('#random-number-b').text
+
+    assert random_a
+    assert random_b
+
+    click_button "Refresh Section A"
+    assert page.has_content?("page 1")
+    assert_not_equal random_a, find('#random-number-a').text
+    assert_equal random_b, find('#random-number-b').text
+
+    random_a = find('#random-number-a').text
+    click_button "Refresh Section B"
+    assert page.has_content?("page 1")
+    assert_equal random_a, find('#random-number-a').text
+    assert_not_equal random_b, find('#random-number-b').text
+
+    random_b = find('#random-number-b').text
+    click_button "Refresh Section A and B"
+    assert page.has_content?("page 1")
+    assert_not_equal random_a, find('#random-number-a').text
+    assert_not_equal random_b, find('#random-number-b').text
+  end
+
+  test "when I use an XHR and POST to an endpoint that returns me a 302, I should see the URL reflecting that redirect too" do
+    assert page.has_content?("page 1")
+    old_location = current_url
+
+    click_button "Post via XHR and see X-XHR-Redirected-To"
+
+    assert page.has_content?("page 321")
+
+    page.document.synchronize do
+      throw "not ready" unless current_url != old_location
+    end
+  end
+
+  test "tg-remote on a link with GET and refresh-on-success and status 200" do
+    assert page.has_content?("page 1")
+    old_location = current_url
+
+    click_link "tg-remote GET to response of 200"
+
+    new_location = current_url
+    refute page.has_content?("Page 1")
+    assert_equal new_location, old_location
+  end
+
+  test "tg-remote on a link with GET and full-refresh-on-success-except and status 200" do
+    random_a = find('#random-number-a').text
+
+    assert page.has_content?("page 1")
+    old_location = current_url
+
+    click_link "tg-remote GET to response of 200 with full-refresh-on-success-except"
+
+    new_location = current_url
+    refute page.has_content?("Page 1")
+    assert_equal random_a, find('#random-number-a').text
+    assert_equal new_location, old_location
+  end
+
+  test "tg-remote on a link with GET and refresh-on-error and status 422" do
+    assert page.has_content?("page 1")
+    old_location = current_url
+
+    click_link "tg-remote GET to response of 422"
+
+    new_location = current_url
+    assert page.has_content?("Error 422!")
+    assert_equal new_location, old_location
+  end
+
+  test "tg-remote on a form with post, in status codes: 422 and 200" do
+    click_button "Submit tg-remote POST"
+    assert page.has_content?("Please supply a foo!")
+
+    page.fill_in 'foopost', :with => 'some text'
+    click_button "Submit tg-remote POST"
+
+    refute page.has_content?("Please supply a foo!")
+    assert page.has_content?("Thanks for the foo! We'll consider it.")
+  end
+
+  test "tg-remote on a form with get" do
+    click_button "Submit tg-remote GET"
+    assert page.has_content?("Please supply a foo!")
+
+    page.fill_in 'fooget', :with => 'some text'
+    click_button "Submit tg-remote GET"
+
+    refute page.has_content?("Please supply a foo!")
+    assert page.has_content?("We found no results for some text :(")
+  end
+
+  test "tg-remote on a form with patch" do
+    click_button "Submit tg-remote PATCH"
+    assert page.has_content?("Thanks, we got your patch.")
+  end
+
+  test "tg-remote on a form with put" do
+    click_button "Submit tg-remote PUT"
+    assert page.has_content?("Please supply a foo!")
+
+    page.fill_in 'fooput', :with => 'some text'
+    click_button "Submit tg-remote PUT"
+
+    refute page.has_content?("Please supply a foo!")
+    assert page.has_content?("Thanks, we replaced your foo with a new one.")
+  end
+
+  test "tg-remote on a form with delete" do
+    click_button "Submit tg-remote DELETE"
+    assert page.has_content?("Please confirm that you want to delete this foo.")
+
+    page.check 'foodelete'
+    click_button "Submit tg-remote DELETE"
+
+    refute page.has_content?("Please confirm that you want to delete this foo.")
+    assert page.has_content?("Your foo has been destroyed.")
+  end
+end
diff --git a/test/browser/partial_page_refresh_test.rb b/test/browser/partial_page_refresh_test.rb
index b2c0fc80..f60a7ae9 100644
--- a/test/browser/partial_page_refresh_test.rb
+++ b/test/browser/partial_page_refresh_test.rb
@@ -59,24 +59,24 @@ class PartialPageRefreshTest < ActionDispatch::IntegrationTest
     end
   end
 
-  test "tg-remote on a link with GET and refresh-on-success and status 200" do
+  test "data-tg-remote on a link with GET and data-tg-refresh-on-success and status 200" do
     assert page.has_content?("page 1")
     old_location = current_url
 
-    click_link "tg-remote GET to response of 200"
+    click_link "data-tg-remote GET to response of 200"
 
     new_location = current_url
     refute page.has_content?("Page 1")
     assert_equal new_location, old_location
   end
 
-  test "tg-remote on a link with GET and full-refresh-on-success-except and status 200" do
+  test "data-tg-remote on a link with GET and data-tg-full-refresh-on-success-except and status 200" do
     random_a = find('#random-number-a').text
 
     assert page.has_content?("page 1")
     old_location = current_url
 
-    click_link "tg-remote GET to response of 200 with full-refresh-on-success-except"
+    click_link "data-tg-remote GET to response of 200 with data-tg-full-refresh-on-success-except"
 
     new_location = current_url
     refute page.has_content?("Page 1")
@@ -84,61 +84,61 @@ class PartialPageRefreshTest < ActionDispatch::IntegrationTest
     assert_equal new_location, old_location
   end
 
-  test "tg-remote on a link with GET and refresh-on-error and status 422" do
+  test "data-tg-remote on a link with GET and data-tg-refresh-on-error and status 422" do
     assert page.has_content?("page 1")
     old_location = current_url
 
-    click_link "tg-remote GET to response of 422"
+    click_link "data-tg-remote GET to response of 422"
 
     new_location = current_url
     assert page.has_content?("Error 422!")
     assert_equal new_location, old_location
   end
 
-  test "tg-remote on a form with post, in status codes: 422 and 200" do
-    click_button "Submit tg-remote POST"
+  test "data-tg-remote on a form with post, in status codes: 422 and 200" do
+    click_button "Submit data-tg-remote POST"
     assert page.has_content?("Please supply a foo!")
 
     page.fill_in 'foopost', :with => 'some text'
-    click_button "Submit tg-remote POST"
+    click_button "Submit data-tg-remote POST"
 
     refute page.has_content?("Please supply a foo!")
     assert page.has_content?("Thanks for the foo! We'll consider it.")
   end
 
-  test "tg-remote on a form with get" do
-    click_button "Submit tg-remote GET"
+  test "data-tg-remote on a form with get" do
+    click_button "Submit data-tg-remote GET"
     assert page.has_content?("Please supply a foo!")
 
     page.fill_in 'fooget', :with => 'some text'
-    click_button "Submit tg-remote GET"
+    click_button "Submit data-tg-remote GET"
 
     refute page.has_content?("Please supply a foo!")
     assert page.has_content?("We found no results for some text :(")
   end
 
-  test "tg-remote on a form with patch" do
-    click_button "Submit tg-remote PATCH"
+  test "data-tg-remote on a form with patch" do
+    click_button "Submit data-tg-remote PATCH"
     assert page.has_content?("Thanks, we got your patch.")
   end
 
-  test "tg-remote on a form with put" do
-    click_button "Submit tg-remote PUT"
+  test "data-tg-remote on a form with put" do
+    click_button "Submit data-tg-remote PUT"
     assert page.has_content?("Please supply a foo!")
 
     page.fill_in 'fooput', :with => 'some text'
-    click_button "Submit tg-remote PUT"
+    click_button "Submit data-tg-remote PUT"
 
     refute page.has_content?("Please supply a foo!")
     assert page.has_content?("Thanks, we replaced your foo with a new one.")
   end
 
-  test "tg-remote on a form with delete" do
-    click_button "Submit tg-remote DELETE"
+  test "data-tg-remote on a form with delete" do
+    click_button "Submit data-tg-remote DELETE"
     assert page.has_content?("Please confirm that you want to delete this foo.")
 
     page.check 'foodelete'
-    click_button "Submit tg-remote DELETE"
+    click_button "Submit data-tg-remote DELETE"
 
     refute page.has_content?("Please confirm that you want to delete this foo.")
     assert page.has_content?("Your foo has been destroyed.")
diff --git a/test/controller/legacy_pages_controller_test.rb b/test/controller/legacy_pages_controller_test.rb
new file mode 100644
index 00000000..22355457
--- /dev/null
+++ b/test/controller/legacy_pages_controller_test.rb
@@ -0,0 +1,54 @@
+require 'test_helper'
+
+class LegacyPagesControllerTest < ActionController::TestCase
+  test "set_request_method_cookie does not set cookie for GET requests" do
+    get :show
+    refute response.headers.key?('Set-Cookie')
+  end
+
+  test "set_request_method_cookie sets request method for non GET requests" do
+    post :show
+    assert_equal 'POST', cookies[:request_method]
+  end
+
+  test "redirect_via_turbolinks_to sets response body and status" do
+    get :index
+    assert_response :ok
+    assert_equal "Turbolinks.visit('http://test.host/legacy_pages/1');", response.body
+    assert_equal Mime::JS, response.content_type
+  end
+
+  test "abort_xdomain_redirect returns 403 when cross origin" do
+    @request.headers["X-XHR-Referer"] = 'http://www.example.com'
+    get :new
+    assert_response :forbidden
+  end
+
+  test "_compute_redirect_to_location sets redirect_to for turbolinks" do
+    @request.headers["X-XHR-Referer"] = 'http://test.host'
+    get :index
+    assert_response :ok
+    assert_equal "http://test.host/legacy_pages/1", session[:_turbolinks_redirect_to]
+  end
+
+  test "_compute_redirect_to_location sets redirect_to for turbolinks only if request referrer is set" do
+    get :index
+    assert_response :ok
+    assert_nil session[:_turbolinks_redirect_to]
+  end
+
+  test "set_xhr_redirected_to sets X-XHR-Redirected-To" do
+    get :index, {}, {_turbolinks_redirect_to: 'http://test.host/expected'}
+    assert_response :ok
+    assert_equal 'http://test.host/expected', response.headers['X-XHR-Redirected-To']
+  end
+
+  test "XHR POST to a redirecting route, followed by XHR GET will set X-XHR-Redirected-To" do
+    @request.headers["X-XHR-Referer"] = 'http://test.host'
+    xhr :post, :redirect_to_somewhere_else_after_POST
+    assert_response 302
+    assert_redirected_to legacy_page_path(321)
+    xhr :get, :show, id: 321
+    assert_equal 'http://test.host/legacy_pages/321', response.headers['X-XHR-Redirected-To']
+  end
+end
diff --git a/test/example/app/controllers/legacy_pages_controller.rb b/test/example/app/controllers/legacy_pages_controller.rb
new file mode 100644
index 00000000..c36f5803
--- /dev/null
+++ b/test/example/app/controllers/legacy_pages_controller.rb
@@ -0,0 +1,82 @@
+class LegacyPagesController < ApplicationController
+  skip_before_action :verify_authenticity_token
+
+  def index
+    @id = 1
+    redirect_via_turbolinks_to legacy_page_path(@id)
+  end
+
+  def show
+    @id = params[:id]
+    @next_id = @id.to_i + 1
+  end
+
+  def redirect_to_somewhere_else_after_POST
+    redirect_to legacy_page_path(321)
+  end
+
+  def error_500
+    render text: "Error 500!", status: 500
+  end
+
+  def error_404
+    render html: "Error 404!", status: 404
+  end
+
+  def error_422
+    render "error_422", status: 422
+  end
+
+  def error_422_with_show
+    @id = 1
+    @next_id = 2
+
+    render :show, status: 422
+  end
+
+  def html_with_noscript; end
+
+  def post_foo
+    if params[:foopost].blank?
+      render '_missing_foo', status: 422, locals: {method: "post"}
+    else
+      render '_thanks_for_all_the_foo', status: 200, layout: false # it's not necessary to render a full response, and you may prefer not to
+    end
+  end
+
+  def get_foo
+    if params[:fooget].blank?
+      render '_missing_foo', status: 422, locals: {method: "get"}
+    else
+      render '_searched_for_foo', status: 200, layout: false # it's not necessary to render a full response, and you may prefer not to
+    end
+  end
+
+  def put_foo
+    if params[:fooput].blank?
+      render '_missing_foo', status: 422, locals: {method: "put"}
+    else
+      render '_replaced_foo', status: 200, layout: false # it's not necessary to render a full response, and you may prefer not to
+    end
+  end
+
+  def delete_foo
+    if params[:foodelete].blank?
+      render '_requires_deletion_confirmation', status: 422
+    else
+      render '_delete_foo', status: 200, layout: false # it's not necessary to render a full response, and you may prefer not to
+    end
+  end
+
+  def patch_foo
+    render '_patched_foo', status: 200, layout: false
+  end
+
+  def new
+    render json: "{}", location: 'http://www.notexample.com'
+  end
+
+  def method_agnostic
+    render json: {method: request.env["REQUEST_METHOD"]}, status: 200
+  end
+end
diff --git a/test/example/app/views/legacy_pages/_delete_foo.html.erb b/test/example/app/views/legacy_pages/_delete_foo.html.erb
new file mode 100644
index 00000000..9f40cdd8
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_delete_foo.html.erb
@@ -0,0 +1,3 @@
+<div id="foo-results-delete" refresh="foo-results-delete">
+Your foo has been destroyed.
+</div>
diff --git a/test/example/app/views/legacy_pages/_missing_foo.html.erb b/test/example/app/views/legacy_pages/_missing_foo.html.erb
new file mode 100644
index 00000000..cfd2831a
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_missing_foo.html.erb
@@ -0,0 +1,5 @@
+<div id="foo-results-<%= method %>" refresh="foo-results-<%= method %>">
+  <p>
+    Please supply a foo!
+  </p>
+</div>
diff --git a/test/example/app/views/legacy_pages/_patched_foo.html.erb b/test/example/app/views/legacy_pages/_patched_foo.html.erb
new file mode 100644
index 00000000..fb4cf4c4
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_patched_foo.html.erb
@@ -0,0 +1,3 @@
+<div id="foo-results-patch" refresh="foo-results-patch">
+Thanks, we got your patch.
+</div>
diff --git a/test/example/app/views/legacy_pages/_replaced_foo.html.erb b/test/example/app/views/legacy_pages/_replaced_foo.html.erb
new file mode 100644
index 00000000..e0ea85fa
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_replaced_foo.html.erb
@@ -0,0 +1,3 @@
+<div id="foo-results-put" refresh="foo-results-put">
+Thanks, we replaced your foo with a new one.
+</div>
diff --git a/test/example/app/views/legacy_pages/_requires_deletion_confirmation.html.erb b/test/example/app/views/legacy_pages/_requires_deletion_confirmation.html.erb
new file mode 100644
index 00000000..9c0e3299
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_requires_deletion_confirmation.html.erb
@@ -0,0 +1,5 @@
+<div id="foo-results-delete" refresh="foo-results-delete">
+  <p>
+    Please confirm that you want to delete this foo.
+  </p>
+</div>
diff --git a/test/example/app/views/legacy_pages/_searched_for_foo.erb b/test/example/app/views/legacy_pages/_searched_for_foo.erb
new file mode 100644
index 00000000..220ddb4d
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_searched_for_foo.erb
@@ -0,0 +1,3 @@
+<div id="foo-results-get" refresh="foo-results-get">
+  We found no results for <%= params[:fooget] %> :(
+</div>
diff --git a/test/example/app/views/legacy_pages/_thanks_for_all_the_foo.html.erb b/test/example/app/views/legacy_pages/_thanks_for_all_the_foo.html.erb
new file mode 100644
index 00000000..a1b9e9fe
--- /dev/null
+++ b/test/example/app/views/legacy_pages/_thanks_for_all_the_foo.html.erb
@@ -0,0 +1,5 @@
+<div style="background: lightgreen;" id="foo-results-post" refresh="foo-results-post">
+  <p>
+    Thanks for the foo!  We'll consider it.
+  </p>
+</div>
diff --git a/test/example/app/views/legacy_pages/error_422.html.erb b/test/example/app/views/legacy_pages/error_422.html.erb
new file mode 100644
index 00000000..04569bc9
--- /dev/null
+++ b/test/example/app/views/legacy_pages/error_422.html.erb
@@ -0,0 +1 @@
+<div id="page-header">Error 422!</div>
diff --git a/test/example/app/views/legacy_pages/html_with_noscript.html.erb b/test/example/app/views/legacy_pages/html_with_noscript.html.erb
new file mode 100644
index 00000000..fa672b74
--- /dev/null
+++ b/test/example/app/views/legacy_pages/html_with_noscript.html.erb
@@ -0,0 +1,22 @@
+<div class="prepend-pre">
+<noscript>Please enable JavaScript!</noscript>
+</div>
+<p><code>noscript</code> tags will be ignored and will not be inserted into the page.  If you now refresh this page manually, you can see the code that would have been there, had you not come from TurboGraft.</p>
+<div>Some text</div>
+
+<div class="prepend-pre">
+<script>
+  $("#from-a-script").append("<div class='eval-true'>Hi there, from a script!</div>");
+</script>
+<div id="from-a-script"></div>
+</div>
+
+<p>When navigating into this page, the script above will be run.</p>
+
+<div class="prepend-pre">
+<script data-turbolinks-eval="false">
+  $("#not-from-a-script").append("<div class='eval-false'>Not going to see me, turbolinks will ignore</div>");
+</script>
+<div id="not-from-a-script"></div>
+</div>
+<p>If a script has <code>data-turbolinks-eval="false"</code>, it will not be present when navigating in.</p>
diff --git a/test/example/app/views/legacy_pages/show.html.erb b/test/example/app/views/legacy_pages/show.html.erb
new file mode 100644
index 00000000..42a6061a
--- /dev/null
+++ b/test/example/app/views/legacy_pages/show.html.erb
@@ -0,0 +1,310 @@
+
+
+<% content_for :sidebar do %>
+  <div id="page-header" refresh="page">
+    <h1>You're on page <span id='page-number'><%= @id %></span></h1>
+    <p>Click the links below to perform a full page refresh:</p>
+    <p><%= link_to "back", :back %> | <%= link_to "next", legacy_page_path(@next_id) %></p>
+  </div>
+  <div id='section-a' refresh='section-a' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
+    <span>Section A:</span>
+    <span id="random-number-a"><%= rand(1000) %></span>
+  </div>
+  <div id='section-b' refresh='section-b' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
+    <span>Section B:</span>
+    <span id="random-number-b"><%= rand(1000) %></span>
+  </div>
+<% end %>
+
+<section>
+  <h1>Static Elements</h1>
+  <p>With the <code>tg-static</code> attribute decorating a node, we can make sure that this node is not replaced during a fullpage refresh.</p>
+  <p>In the example below, we demonstrate a fullpage refresh where the contents of the input will remain even though the entire page has been swapped out.  We also demonstrate a partial page refresh which swaps out specifically the input element.  Thus, we can still replace elements inside of a <code>tg-static</code> node.</p>
+  <p>Though, if you were to refresh the page at a higher level -- e.g., refreshing an ancestor of the <code>tg-static</code>, the static aspect is no longer obeyed and it is replaced.</p>
+
+<div class="prepend-pre">
+<nav id="static" tg-static>
+  <ul>
+    <li>Navigation <i id='badge1' refresh='navigation'><input type="text" name="badgeinput"></i></li>
+    <li>Always Refresh: <i id="badge2" refresh-always><input type="text" name="badgeinput2"></i></li>
+    <li>Home</li>
+  </ul>
+</nav>
+<div id="refresh-always-section" refresh-always>refresh-always outside of tg-static: <%= rand(1000) %></div>
+</div>
+
+<div class="prepend-pre">
+<%= link_to "Perform a full page refresh", legacy_page_path(@next_id) %><br>
+<%= link_to "Perform a partial page refresh and refresh the navigation section", redirect_to_somewhere_else_after_POST_legacy_pages_path, "tg-remote" => "POST", "refresh-on-success" => "navigation" %>
+</div>
+
+</section>
+
+<section>
+  <h1>Partial page refresh</h1>
+
+  <p>Here's a fieldset, vaguely representing some client state.  Enter some values.</p>
+  <fieldset>
+    <div class="field">
+      <%= label_tag :name, "Name" %>
+      <%= text_field_tag :name %>
+    </div>
+    <div class="field">
+      <%= label_tag :nickname, "Nickname" %>
+      <%= text_field_tag :nickname %>
+    </div>
+  </fieldset>
+
+  <p>Now click this link to partially refresh only the header of this page.</p>
+<div class="prepend-pre">
+<a href="#" id="partial-refresh-page" refresh="page" onclick="event.preventDefault(); Page.refresh({
+  url: '<%= legacy_page_path(@next_id) %>',
+  onlyKeys: ['page']
+});">Go to next page via partial refresh</a>
+</div>
+  <p>You'll notice that the content you entered into the fields above did not disappear, even though we did a GET of a new page.  Using the <code>refresh</code> attribute, coupled with an <code>id</code> attribute, we tell TurboGraft to grab the new page, but only refresh elements that have the <code>refresh</code> attribute of <code>page</code>.</p>
+
+
+  <% @id ||= 1 %>
+
+  <p>Here are some buttons that do the same, but illustrate how your choice of <code>onlyKeys</code> allows you to tell TurboGraft which part of the page to replace.</p>
+
+<div class="prepend-pre">
+<button id='refresh-a' href="<%= legacy_page_path(@id) %>"
+  onclick="event.preventDefault(); Page.refresh({
+    url: '<%= legacy_page_path(@id) %>',
+    onlyKeys: ['section-a']
+  });">Refresh Section A</button>
+</div>
+<div class="prepend-pre">
+<button id='refresh-b' href="<%= legacy_page_path(@id) %>"
+  onclick="event.preventDefault(); Page.refresh({
+    url: '<%= legacy_page_path(@id) %>',
+    onlyKeys: ['section-b']
+  });">Refresh Section B</button>
+</div>
+<div class="prepend-pre">
+<button id='refresh-a-and-b' href="<%= legacy_page_path(@id) %>"
+  onclick="event.preventDefault(); Page.refresh({
+    url: '<%= legacy_page_path(@id) %>',
+    onlyKeys: ['section-a', 'section-b']
+  });">Refresh Section A and B</button>
+</div>
+</section>
+
+<section>
+  <h1>refresh-never</h1>
+  <div>
+    <p>If you add the <code>refresh-never</code> attribute to a node, it will only show up in the <code>body</code> of the document once.  This is useful when you want to include and initialize a tracking script just once inside the body, and never have it fire again.</p>
+  </div>
+<div class="prepend-pre">
+<div refresh-never>
+  <p><strong><%= link_to "I should never be refreshed.  I will disappear after a full page refresh.", legacy_page_path(@next_id), id: "next-page-refresh-never", refresh: "page" %></strong></p>
+</div>
+</div>
+  <p>This is useful for tracking pixels or scripts that you wish to only include into the page once.</p>
+
+</section>
+
+<section>
+  <h1>Encountering HTTP Errors:</h1>
+  <p>TurboGraft plays nicely with 404 and 500, and other errors.</p>
+  <p>
+    <%= link_to "I will throw an error 500", error_500_legacy_pages_path %>
+  </p>
+  <p>
+    <%= link_to "I will throw an error 404", error_404_legacy_pages_path %>
+  </p>
+  <p>When you hit the back button of your browser after clicking the link above, you will see this page again.</p>
+</section>
+
+<section>
+  <h1>Re-directing after a POST</h1>
+  <p>This button below performs a standard form POST:</p>
+<div class="prepend-pre">
+<%= form_tag redirect_to_somewhere_else_after_POST_legacy_pages_path, method: "POST" do %>
+  <%= button_tag "Redirect to somewhere else after POST", type: :submit  %>
+<% end %>
+</div>
+
+  <p>This button below performs a POST via XHR, then uses <code>Page.refresh</code> to reload the page with the response:</p>
+
+<div class="prepend-pre">
+<script>
+  window.postToXHR = function() {
+    operation = $.ajax({
+      type: "POST",
+      url: "<%= redirect_to_somewhere_else_after_POST_legacy_pages_path %>",
+      data: {},
+      beforeSend: function (request) {
+        request.setRequestHeader("X-XHR-Referer", document.location.href);
+      }
+    });
+
+    operation.done(function(results, status, xhr) {
+      Page.refresh({response: xhr, onlyKeys: ["page"]})
+    });
+  };
+</script>
+<%= button_tag "Post via XHR and see X-XHR-Redirected-To", type: :submit, onclick: "postToXHR()" %>
+</div>
+
+  <p>You'll notice that your scrolling position doesn't change, unlike the button above, but the location in your URL bar will.</p>
+</section>
+
+<section>
+  <h1>tg-remote links</h1>
+  <p>This provides functionality similar to rails version of link_to for methods other than GET, allowing you to query methods on different endpoints, and partial page replacing different refresh keys depending on the response status.</p>
+  <p>It requires your node to be marked up with:</p>
+  <ul>
+    <li><code>tg-remote</code>: the HTTP method you wish to call on your endpoint</li>
+    <li><code>href</code>: the URL of the endpoint you wish to hit</li>
+    <li><code>refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
+    <li><code>refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>remote-once</code>: (optional) Only do this once. Removes <code>tg-remote</code> and <code>remote-once</code> from element after consumption</li>
+    <li><code>full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
+    <li><code>tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
+  </ul>
+  <p>It emits a few events:</p>
+  <ul>
+    <li><code>turbograft:remote:init</code>: before XHR is sent</li>
+    <li><code>turbograft:remote:start</code>: when XHR is sent</li>
+    <li><code>turbograft:remote:always</code>: always fires when XHR is done</li>
+    <li><code>turbograft:remote:success</code>: always fires when XHR was successful</li>
+    <li><code>turbograft:remote:fail</code>: always fires when XHR failed</li>
+    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with refresh-on-error (because there was no refresh-on-error supplied)</li>
+  </ul>
+  <p>Each event also is sent with a copy of the xhr in case you need to look at anything in there, as well as a reference to the element that initated the <code>remote</code>.</p>
+
+
+<div class="prepend-pre">
+<a href="<%= legacy_page_path(rand(100)) %>" tg-remote="GET" refresh-on-success="page section-a section-b">
+  <i>tg-remote GET to response of 200</i>
+</a>
+</div>
+
+<div class="prepend-pre">
+<a href="<%= legacy_page_path(rand(100)) %>" tg-remote="GET" full-refresh-on-success-except="section-a">
+  <i>tg-remote GET to response of 200 with full-refresh-on-success-except</i>
+</a>
+</div>
+
+<div class="prepend-pre">
+<a href="<%= error_422_legacy_pages_path %>" tg-remote="GET" refresh-on-error="page">tg-remote GET to response of 422</a>
+</div>
+
+<div class="prepend-pre">
+<a href="<%= error_422_with_show_legacy_pages_path %>" tg-remote="GET" full-refresh-on-error-except="section-a">tg-remote GET to response of 422 replaces everything except side-bar-a</a>
+</div>
+
+<h3>tg-remote links of various method types, with tg-remote-norefresh</h3>
+<p>No visible side effects here, so open your Network inspector to see them in action.</p>
+<div class="prepend-pre">
+<a href="/legacy_pages/method_agnostic" tg-remote="GET" tg-remote-norefresh>tg-remote GET</a><br>
+<a href="/legacy_pages/method_agnostic" tg-remote="POST" tg-remote-norefresh>tg-remote POST</a><br>
+<a href="/legacy_pages/method_agnostic" tg-remote="PATCH" tg-remote-norefresh>tg-remote PATCH</a><br>
+<a href="/legacy_pages/method_agnostic" tg-remote="PUT" tg-remote-norefresh>tg-remote PUT</a><br>
+<a href="/legacy_pages/method_agnostic" tg-remote="DELETE" tg-remote-norefresh>tg-remote DELETE</a>
+</div>
+
+<div class="prepend-pre">
+<a href="<%= error_404_legacy_pages_path %>" tg-remote="GET">tg-remote GET to response of 404</a>
+</div>
+  <p><code>refresh-on-error</code> only works for error 422.  This is mainly so you can refresh certain a part of a form (e.g., validation error div) when returning 422.  Nothing changes if the XHR errors out if you do not supply a <code>refresh-on-error</code>.</p>
+</section>
+
+<section>
+  <h1>tg-remote forms</h1>
+  <p>It requires your <code>form</code> to be marked up with:</p>
+  <ul>
+    <li><code>tg-remote</code>: an attribute that doesn't need a value</li>
+    <li><code>action</code>: you should have one of these already</li>
+    <li><code>refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
+    <li><code>refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
+    <li><code>tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
+  </ul>
+  <p>It emits a few events:</p>
+  <ul>
+    <li><code>turbograft:remote:init</code>: before XHR is sent</li>
+    <li><code>turbograft:remote:start</code>: when XHR is sent</li>
+    <li><code>turbograft:remote:always</code>: always fires when XHR is done</li>
+    <li><code>turbograft:remote:success</code>: always fires when XHR was successful</li>
+    <li><code>turbograft:remote:fail</code>: always fires when XHR failed</li>
+    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with refresh-on-error (because there was no refresh-on-error supplied)</li>
+  </ul>
+
+<h3>Example of tg-remote form: POST</h3>
+<div class="prepend-pre">
+<div id="foo-results-post" refresh="foo-results-post">
+  Use the field below to submit some content, and get a result.
+</div>
+<form tg-remote action="/legacy_pages/post_foo" method="post" refresh-on-success="foo-results-post" refresh-on-error="foo-results-post">
+  <input id="foopost" name="foopost" type="text">
+  <button type="submit">Submit tg-remote POST</button>
+</form>
+</div>
+</section>
+
+<h3>Example of tg-remote form: GET</h3>
+<div class="prepend-pre">
+<div id="foo-results-get" refresh="foo-results-get">
+  Use the field below to get a foo of your choice.
+</div>
+<form tg-remote action="/legacy_pages/get_foo" method="get" refresh-on-success="foo-results-get" refresh-on-error="foo-results-get">
+  <input id="fooget" name="fooget" type="text">
+  <button type="submit">Submit tg-remote GET</button>
+</form>
+</div>
+</section>
+
+<h3>Example of tg-remote form: PUT</h3>
+<div class="prepend-pre">
+<div id="foo-results-put" refresh="foo-results-put">
+
+</div>
+<form tg-remote action="/legacy_pages/put_foo" method="put" refresh-on-success="foo-results-put" refresh-on-error="foo-results-put">
+  <input id="fooput" name="fooput" type="text">
+  <button type="submit">Submit tg-remote PUT</button>
+</form>
+</div>
+</section>
+
+<h3>Example of tg-remote form: DELETE</h3>
+<div class="prepend-pre">
+<div id="foo-results-delete" refresh="foo-results-delete">
+
+</div>
+<form tg-remote action="/legacy_pages/delete_foo" method="delete" refresh-on-success="foo-results-delete" refresh-on-error="foo-results-delete">
+  <label>
+    <input type="checkbox" id="foodelete" name="foodelete" value="0"> Really delete this foo?
+  </label>
+  <button type="submit">Submit tg-remote DELETE</button>
+</form>
+</div>
+</section>
+
+<h3>Example of tg-remote form: PATCH</h3>
+<div class="prepend-pre">
+<div id="foo-results-patch" refresh="foo-results-patch">
+
+</div>
+<form tg-remote action="/legacy_pages/patch_foo" method="post" refresh-on-success="foo-results-patch">
+  <input type="hidden" name="_method" value="patch">
+  <input type="radio" name="someradio" value="A">
+  <input type="radio" name="someradio" value="B">
+  <input type="radio" name="someradio" value="C">
+  <input type="checkbox" name="somecheck" value="1">
+  <input type="text" name="disabled_textbox" disabled value="Disabled">
+  <input type="text" name="readonly_textbox" readonly value="Readonly">
+  <br>
+  <input type="submit" value="Submit tg-remote PATCH">
+</form>
+</div>
+
+<section>
+  <h1>Other features</h1>
+  <%= link_to "Perform a full navigation to learn more", html_with_noscript_legacy_pages_path %>
+</section>
diff --git a/test/example/app/views/pages/_delete_foo.html.erb b/test/example/app/views/pages/_delete_foo.html.erb
index 9f40cdd8..8d1d364f 100644
--- a/test/example/app/views/pages/_delete_foo.html.erb
+++ b/test/example/app/views/pages/_delete_foo.html.erb
@@ -1,3 +1,3 @@
-<div id="foo-results-delete" refresh="foo-results-delete">
+<div id="foo-results-delete" data-tg-refresh="foo-results-delete">
 Your foo has been destroyed.
 </div>
diff --git a/test/example/app/views/pages/_missing_foo.html.erb b/test/example/app/views/pages/_missing_foo.html.erb
index cfd2831a..5bf5b7de 100644
--- a/test/example/app/views/pages/_missing_foo.html.erb
+++ b/test/example/app/views/pages/_missing_foo.html.erb
@@ -1,4 +1,4 @@
-<div id="foo-results-<%= method %>" refresh="foo-results-<%= method %>">
+<div id="foo-results-<%= method %>" data-tg-refresh="foo-results-<%= method %>">
   <p>
     Please supply a foo!
   </p>
diff --git a/test/example/app/views/pages/_patched_foo.html.erb b/test/example/app/views/pages/_patched_foo.html.erb
index fb4cf4c4..3da3e872 100644
--- a/test/example/app/views/pages/_patched_foo.html.erb
+++ b/test/example/app/views/pages/_patched_foo.html.erb
@@ -1,3 +1,3 @@
-<div id="foo-results-patch" refresh="foo-results-patch">
+<div id="foo-results-patch" data-tg-refresh="foo-results-patch">
 Thanks, we got your patch.
 </div>
diff --git a/test/example/app/views/pages/_replaced_foo.html.erb b/test/example/app/views/pages/_replaced_foo.html.erb
index e0ea85fa..e7ffca51 100644
--- a/test/example/app/views/pages/_replaced_foo.html.erb
+++ b/test/example/app/views/pages/_replaced_foo.html.erb
@@ -1,3 +1,3 @@
-<div id="foo-results-put" refresh="foo-results-put">
+<div id="foo-results-put" data-tg-refresh="foo-results-put">
 Thanks, we replaced your foo with a new one.
 </div>
diff --git a/test/example/app/views/pages/_requires_deletion_confirmation.html.erb b/test/example/app/views/pages/_requires_deletion_confirmation.html.erb
index 9c0e3299..c4577463 100644
--- a/test/example/app/views/pages/_requires_deletion_confirmation.html.erb
+++ b/test/example/app/views/pages/_requires_deletion_confirmation.html.erb
@@ -1,4 +1,4 @@
-<div id="foo-results-delete" refresh="foo-results-delete">
+<div id="foo-results-delete" data-tg-refresh="foo-results-delete">
   <p>
     Please confirm that you want to delete this foo.
   </p>
diff --git a/test/example/app/views/pages/_searched_for_foo.erb b/test/example/app/views/pages/_searched_for_foo.erb
index 220ddb4d..f9ce4273 100644
--- a/test/example/app/views/pages/_searched_for_foo.erb
+++ b/test/example/app/views/pages/_searched_for_foo.erb
@@ -1,3 +1,3 @@
-<div id="foo-results-get" refresh="foo-results-get">
+<div id="foo-results-get" data-tg-refresh="foo-results-get">
   We found no results for <%= params[:fooget] %> :(
 </div>
diff --git a/test/example/app/views/pages/_thanks_for_all_the_foo.html.erb b/test/example/app/views/pages/_thanks_for_all_the_foo.html.erb
index a1b9e9fe..b129e5d6 100644
--- a/test/example/app/views/pages/_thanks_for_all_the_foo.html.erb
+++ b/test/example/app/views/pages/_thanks_for_all_the_foo.html.erb
@@ -1,4 +1,4 @@
-<div style="background: lightgreen;" id="foo-results-post" refresh="foo-results-post">
+<div style="background: lightgreen;" id="foo-results-post" data-tg-refresh="foo-results-post">
   <p>
     Thanks for the foo!  We'll consider it.
   </p>
diff --git a/test/example/app/views/pages/show.html.erb b/test/example/app/views/pages/show.html.erb
index 016f26c8..c2edb84c 100644
--- a/test/example/app/views/pages/show.html.erb
+++ b/test/example/app/views/pages/show.html.erb
@@ -1,16 +1,16 @@
 
 
 <% content_for :sidebar do %>
-  <div id="page-header" refresh="page">
+  <div id="page-header" data-tg-refresh="page">
     <h1>You're on page <span id='page-number'><%= @id %></span></h1>
     <p>Click the links below to perform a full page refresh:</p>
     <p><%= link_to "back", :back %> | <%= link_to "next", page_path(@next_id) %></p>
   </div>
-  <div id='section-a' refresh='section-a' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
+  <div id='section-a' data-tg-refresh='section-a' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
     <span>Section A:</span>
     <span id="random-number-a"><%= rand(1000) %></span>
   </div>
-  <div id='section-b' refresh='section-b' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
+  <div id='section-b' data-tg-refresh='section-b' style="padding: 1em; margin: 1em; background: <%= random_light_rgb() %>; color: black;">
     <span>Section B:</span>
     <span id="random-number-b"><%= rand(1000) %></span>
   </div>
@@ -18,24 +18,24 @@
 
 <section>
   <h1>Static Elements</h1>
-  <p>With the <code>tg-static</code> attribute decorating a node, we can make sure that this node is not replaced during a fullpage refresh.</p>
-  <p>In the example below, we demonstrate a fullpage refresh where the contents of the input will remain even though the entire page has been swapped out.  We also demonstrate a partial page refresh which swaps out specifically the input element.  Thus, we can still replace elements inside of a <code>tg-static</code> node.</p>
-  <p>Though, if you were to refresh the page at a higher level -- e.g., refreshing an ancestor of the <code>tg-static</code>, the static aspect is no longer obeyed and it is replaced.</p>
+  <p>With the <code>data-tg-static</code> attribute decorating a node, we can make sure that this node is not replaced during a fullpage refresh.</p>
+  <p>In the example below, we demonstrate a fullpage refresh where the contents of the input will remain even though the entire page has been swapped out.  We also demonstrate a partial page refresh which swaps out specifically the input element.  Thus, we can still replace elements inside of a <code>data-tg-static</code> node.</p>
+  <p>Though, if you were to refresh the page at a higher level -- e.g., refreshing an ancestor of the <code>data-tg-static</code>, the static aspect is no longer obeyed and it is replaced.</p>
 
 <div class="prepend-pre">
-<nav id="static" tg-static>
+<nav id="static" data-tg-static>
   <ul>
-    <li>Navigation <i id='badge1' refresh='navigation'><input type="text" name="badgeinput"></i></li>
-    <li>Always Refresh: <i id="badge2" refresh-always><input type="text" name="badgeinput2"></i></li>
+    <li>Navigation <i id='badge1' data-tg-refresh='navigation'><input type="text" name="badgeinput"></i></li>
+    <li>Always Refresh: <i id="badge2" data-tg-refresh-always><input type="text" name="badgeinput2"></i></li>
     <li>Home</li>
   </ul>
 </nav>
-<div id="refresh-always-section" refresh-always>refresh-always outside of tg-static: <%= rand(1000) %></div>
+<div id="refresh-always-section" data-tg-refresh-always>data-tg-refresh-always outside of data-tg-static: <%= rand(1000) %></div>
 </div>
 
 <div class="prepend-pre">
 <%= link_to "Perform a full page refresh", page_path(@next_id) %><br>
-<%= link_to "Perform a partial page refresh and refresh the navigation section", redirect_to_somewhere_else_after_POST_pages_path, "tg-remote" => "POST", "refresh-on-success" => "navigation" %>
+<%= link_to "Perform a partial page refresh and refresh the navigation section", redirect_to_somewhere_else_after_POST_pages_path, "data-tg-remote" => "POST", "data-tg-refresh-on-success" => "navigation" %>
 </div>
 
 </section>
@@ -57,12 +57,12 @@
 
   <p>Now click this link to partially refresh only the header of this page.</p>
 <div class="prepend-pre">
-<a href="#" id="partial-refresh-page" refresh="page" onclick="event.preventDefault(); Page.refresh({
+<a href="#" id="partial-refresh-page" data-tg-refresh="page" onclick="event.preventDefault(); Page.refresh({
   url: '<%= page_path(@next_id) %>',
   onlyKeys: ['page']
 });">Go to next page via partial refresh</a>
 </div>
-  <p>You'll notice that the content you entered into the fields above did not disappear, even though we did a GET of a new page.  Using the <code>refresh</code> attribute, coupled with an <code>id</code> attribute, we tell TurboGraft to grab the new page, but only refresh elements that have the <code>refresh</code> attribute of <code>page</code>.</p>
+  <p>You'll notice that the content you entered into the fields above did not disappear, even though we did a GET of a new page.  Using the <code>data-tg-refresh</code> attribute, coupled with an <code>id</code> attribute, we tell TurboGraft to grab the new page, but only refresh elements that have the <code>data-tg-refresh</code> attribute of <code>page</code>.</p>
 
 
   <% @id ||= 1 %>
@@ -93,13 +93,13 @@
 </section>
 
 <section>
-  <h1>refresh-never</h1>
+  <h1>data-tg-refresh-never</h1>
   <div>
-    <p>If you add the <code>refresh-never</code> attribute to a node, it will only show up in the <code>body</code> of the document once.  This is useful when you want to include and initialize a tracking script just once inside the body, and never have it fire again.</p>
+    <p>If you add the <code>data-tg-refresh-never</code> attribute to a node, it will only show up in the <code>body</code> of the document once.  This is useful when you want to include and initialize a tracking script just once inside the body, and never have it fire again.</p>
   </div>
 <div class="prepend-pre">
-<div refresh-never>
-  <p><strong><%= link_to "I should never be refreshed.  I will disappear after a full page refresh.", page_path(@next_id), id: "next-page-refresh-never", refresh: "page" %></strong></p>
+<div data-tg-refresh-never>
+  <p><strong><%= link_to "I should never be refreshed.  I will disappear after a full page refresh.", page_path(@next_id), id: "next-page-refresh-never", "data-tg-refresh" => "page" %></strong></p>
 </div>
 </div>
   <p>This is useful for tracking pixels or scripts that you wish to only include into the page once.</p>
@@ -153,18 +153,18 @@
 </section>
 
 <section>
-  <h1>tg-remote links</h1>
+  <h1>data-tg-remote links</h1>
   <p>This provides functionality similar to rails version of link_to for methods other than GET, allowing you to query methods on different endpoints, and partial page replacing different refresh keys depending on the response status.</p>
   <p>It requires your node to be marked up with:</p>
   <ul>
-    <li><code>tg-remote</code>: the HTTP method you wish to call on your endpoint</li>
+    <li><code>data-tg-remote</code>: the HTTP method you wish to call on your endpoint</li>
     <li><code>href</code>: the URL of the endpoint you wish to hit</li>
-    <li><code>refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
-    <li><code>refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
-    <li><code>full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
-    <li><code>remote-once</code>: (optional) Only do this once. Removes <code>tg-remote</code> and <code>remote-once</code> from element after consumption</li>
-    <li><code>full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
-    <li><code>tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
+    <li><code>data-tg-refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
+    <li><code>data-tg-refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>data-tg-full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>data-tg-remote-once</code>: (optional) Only do this once. Removes <code>data-tg-remote</code> and <code>data-tg-remote-once</code> from element after consumption</li>
+    <li><code>data-tg-full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
+    <li><code>data-tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
   </ul>
   <p>It emits a few events:</p>
   <ul>
@@ -173,58 +173,58 @@
     <li><code>turbograft:remote:always</code>: always fires when XHR is done</li>
     <li><code>turbograft:remote:success</code>: always fires when XHR was successful</li>
     <li><code>turbograft:remote:fail</code>: always fires when XHR failed</li>
-    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with refresh-on-error (because there was no refresh-on-error supplied)</li>
+    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with data-tg-refresh-on-error (because there was no data-tg-refresh-on-error supplied)</li>
   </ul>
   <p>Each event also is sent with a copy of the xhr in case you need to look at anything in there, as well as a reference to the element that initated the <code>remote</code>.</p>
 
 
 <div class="prepend-pre">
-<a href="<%= page_path(rand(100)) %>" tg-remote="GET" refresh-on-success="page section-a section-b">
-  <i>tg-remote GET to response of 200</i>
+<a href="<%= page_path(rand(100)) %>" data-tg-remote="GET" data-tg-refresh-on-success="page section-a section-b">
+  <i>data-tg-remote GET to response of 200</i>
 </a>
 </div>
 
 <div class="prepend-pre">
-<a href="<%= page_path(rand(100)) %>" tg-remote="GET" full-refresh-on-success-except="section-a">
-  <i>tg-remote GET to response of 200 with full-refresh-on-success-except</i>
+<a href="<%= page_path(rand(100)) %>" data-tg-remote="GET" data-tg-full-refresh-on-success-except="section-a">
+  <i>data-tg-remote GET to response of 200 with data-tg-full-refresh-on-success-except</i>
 </a>
 </div>
 
 <div class="prepend-pre">
-<a href="<%= error_422_pages_path %>" tg-remote="GET" refresh-on-error="page">tg-remote GET to response of 422</a>
+<a href="<%= error_422_pages_path %>" data-tg-remote="GET" data-tg-refresh-on-error="page">data-tg-remote GET to response of 422</a>
 </div>
 
 <div class="prepend-pre">
-<a href="<%= error_422_with_show_pages_path %>" tg-remote="GET" full-refresh-on-error-except="section-a">tg-remote GET to response of 422 replaces everything except side-bar-a</a>
+<a href="<%= error_422_with_show_pages_path %>" data-tg-remote="GET" data-tg-full-refresh-on-error-except="section-a">data-tg-remote GET to response of 422 replaces everything except side-bar-a</a>
 </div>
 
-<h3>tg-remote links of various method types, with tg-remote-norefresh</h3>
+<h3>data-tg-remote links of various method types, with data-tg-remote-norefresh</h3>
 <p>No visible side effects here, so open your Network inspector to see them in action.</p>
 <div class="prepend-pre">
-<a href="/pages/method_agnostic" tg-remote="GET" tg-remote-norefresh>tg-remote GET</a><br>
-<a href="/pages/method_agnostic" tg-remote="POST" tg-remote-norefresh>tg-remote POST</a><br>
-<a href="/pages/method_agnostic" tg-remote="PATCH" tg-remote-norefresh>tg-remote PATCH</a><br>
-<a href="/pages/method_agnostic" tg-remote="PUT" tg-remote-norefresh>tg-remote PUT</a><br>
-<a href="/pages/method_agnostic" tg-remote="DELETE" tg-remote-norefresh>tg-remote DELETE</a>
+<a href="/pages/method_agnostic" data-tg-remote="GET" data-tg-remote-norefresh>data-tg-remote GET</a><br>
+<a href="/pages/method_agnostic" data-tg-remote="POST" data-tg-remote-norefresh>data-tg-remote POST</a><br>
+<a href="/pages/method_agnostic" data-tg-remote="PATCH" data-tg-remote-norefresh>data-tg-remote PATCH</a><br>
+<a href="/pages/method_agnostic" data-tg-remote="PUT" data-tg-remote-norefresh>data-tg-remote PUT</a><br>
+<a href="/pages/method_agnostic" data-tg-remote="DELETE" data-tg-remote-norefresh>data-tg-remote DELETE</a>
 </div>
 
 <div class="prepend-pre">
-<a href="<%= error_404_pages_path %>" tg-remote="GET">tg-remote GET to response of 404</a>
+<a href="<%= error_404_pages_path %>" data-tg-remote="GET">data-tg-remote GET to response of 404</a>
 </div>
-  <p><code>refresh-on-error</code> only works for error 422.  This is mainly so you can refresh certain a part of a form (e.g., validation error div) when returning 422.  Nothing changes if the XHR errors out if you do not supply a <code>refresh-on-error</code>.</p>
+  <p><code>data-tg-refresh-on-error</code> only works for error 422.  This is mainly so you can refresh certain a part of a form (e.g., validation error div) when returning 422.  Nothing changes if the XHR errors out if you do not supply a <code>data-tg-refresh-on-error</code>.</p>
 </section>
 
 <section>
-  <h1>tg-remote forms</h1>
+  <h1>data-tg-remote forms</h1>
   <p>It requires your <code>form</code> to be marked up with:</p>
   <ul>
-    <li><code>tg-remote</code>: an attribute that doesn't need a value</li>
+    <li><code>data-tg-remote</code>: an attribute that doesn't need a value</li>
     <li><code>action</code>: you should have one of these already</li>
-    <li><code>refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
-    <li><code>refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
-    <li><code>full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
-    <li><code>full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
-    <li><code>tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
+    <li><code>data-tg-refresh-on-success</code>: (optional, but you'll almost always want it) which refresh keys will get refreshed, using the body of the response. This is space-delimited</li>
+    <li><code>data-tg-refresh-on-error</code>: (optional) see above, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>data-tg-full-refresh-on-error-except</code>: (optional) replaces body except passed id, but using body of XHR that has failed.  Only works with error 422</li>
+    <li><code>data-tg-full-refresh</code>: Instead of using the content of the XHR response for partial page replacement, we will instead re-GET the URL in question.</li>
+    <li><code>data-tg-remote-norefresh</code>: (valueless)  Adding this attribute this will perform your action without refreshing anything on the page.  This can be used for actions that have no visible side-effects.</li>
   </ul>
   <p>It emits a few events:</p>
   <ul>
@@ -233,65 +233,65 @@
     <li><code>turbograft:remote:always</code>: always fires when XHR is done</li>
     <li><code>turbograft:remote:success</code>: always fires when XHR was successful</li>
     <li><code>turbograft:remote:fail</code>: always fires when XHR failed</li>
-    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with refresh-on-error (because there was no refresh-on-error supplied)</li>
+    <li><code>turbograft:remote:fail:unhandled</code>: fires after the above event, but when we didn't partially replace anything with data-tg-refresh-on-error (because there was no data-tg-refresh-on-error supplied)</li>
   </ul>
 
-<h3>Example of tg-remote form: POST</h3>
+<h3>Example of data-tg-remote form: POST</h3>
 <div class="prepend-pre">
 <div id="foo-results-post" refresh="foo-results-post">
   Use the field below to submit some content, and get a result.
 </div>
-<form tg-remote action="/pages/post_foo" method="post" refresh-on-success="foo-results-post" refresh-on-error="foo-results-post">
+<form data-tg-remote action="/pages/post_foo" method="post" data-tg-refresh-on-success="foo-results-post" data-tg-refresh-on-error="foo-results-post">
   <input id="foopost" name="foopost" type="text">
-  <button type="submit">Submit tg-remote POST</button>
+  <button type="submit">Submit data-tg-remote POST</button>
 </form>
 </div>
 </section>
 
-<h3>Example of tg-remote form: GET</h3>
+<h3>Example of data-tg-remote form: GET</h3>
 <div class="prepend-pre">
-<div id="foo-results-get" refresh="foo-results-get">
+<div id="foo-results-get" data-tg-refresh="foo-results-get">
   Use the field below to get a foo of your choice.
 </div>
-<form tg-remote action="/pages/get_foo" method="get" refresh-on-success="foo-results-get" refresh-on-error="foo-results-get">
+<form data-tg-remote action="/pages/get_foo" method="get" data-tg-refresh-on-success="foo-results-get" data-tg-refresh-on-error="foo-results-get">
   <input id="fooget" name="fooget" type="text">
-  <button type="submit">Submit tg-remote GET</button>
+  <button type="submit">Submit data-tg-remote GET</button>
 </form>
 </div>
 </section>
 
-<h3>Example of tg-remote form: PUT</h3>
+<h3>Example of data-tg-remote form: PUT</h3>
 <div class="prepend-pre">
-<div id="foo-results-put" refresh="foo-results-put">
+<div id="foo-results-put" data-tg-refresh="foo-results-put">
 
 </div>
-<form tg-remote action="/pages/put_foo" method="put" refresh-on-success="foo-results-put" refresh-on-error="foo-results-put">
+<form data-tg-remote action="/pages/put_foo" method="put" data-tg-refresh-on-success="foo-results-put" data-tg-refresh-on-error="foo-results-put">
   <input id="fooput" name="fooput" type="text">
-  <button type="submit">Submit tg-remote PUT</button>
+  <button type="submit">Submit data-tg-remote PUT</button>
 </form>
 </div>
 </section>
 
-<h3>Example of tg-remote form: DELETE</h3>
+<h3>Example of data-tg-remote form: DELETE</h3>
 <div class="prepend-pre">
-<div id="foo-results-delete" refresh="foo-results-delete">
+<div id="foo-results-delete" data-tg-refresh="foo-results-delete">
 
 </div>
-<form tg-remote action="/pages/delete_foo" method="delete" refresh-on-success="foo-results-delete" refresh-on-error="foo-results-delete">
+<form data-tg-remote action="/pages/delete_foo" method="delete" data-tg-refresh-on-success="foo-results-delete" data-tg-refresh-on-error="foo-results-delete">
   <label>
     <input type="checkbox" id="foodelete" name="foodelete" value="0"> Really delete this foo?
   </label>
-  <button type="submit">Submit tg-remote DELETE</button>
+  <button type="submit">Submit data-tg-remote DELETE</button>
 </form>
 </div>
 </section>
 
-<h3>Example of tg-remote form: PATCH</h3>
+<h3>Example of data-tg-remote form: PATCH</h3>
 <div class="prepend-pre">
-<div id="foo-results-patch" refresh="foo-results-patch">
+<div id="foo-results-patch" data-tg-refresh="foo-results-patch">
 
 </div>
-<form tg-remote action="/pages/patch_foo" method="post" refresh-on-success="foo-results-patch">
+<form data-tg-remote action="/pages/patch_foo" method="post" data-tg-refresh-on-success="foo-results-patch">
   <input type="hidden" name="_method" value="patch">
   <input type="radio" name="someradio" value="A">
   <input type="radio" name="someradio" value="B">
@@ -300,7 +300,7 @@
   <input type="text" name="disabled_textbox" disabled value="Disabled">
   <input type="text" name="readonly_textbox" readonly value="Readonly">
   <br>
-  <input type="submit" value="Submit tg-remote PATCH">
+  <input type="submit" value="Submit data-tg-remote PATCH">
 </form>
 </div>
 
diff --git a/test/example/config/routes.rb b/test/example/config/routes.rb
index c64712d7..b23b81de 100644
--- a/test/example/config/routes.rb
+++ b/test/example/config/routes.rb
@@ -16,4 +16,22 @@
       match 'method_agnostic' => 'pages#method_agnostic', via:[:get, :post, :delete, :put, :patch]
     end
   end
+
+  get 'legacy_pages' => 'legacy_pages#show'
+  resources :legacy_pages, :only => [:index, :show, :new] do
+    collection do
+      get :html_with_noscript
+      get :error_500
+      get :error_404
+      get :error_422
+      get :error_422_with_show
+      post :redirect_to_somewhere_else_after_POST
+      post :post_foo
+      get :get_foo
+      put :put_foo
+      patch :patch_foo
+      delete :delete_foo
+      match 'method_agnostic' => 'legacy_pages#method_agnostic', via:[:get, :post, :delete, :put, :patch]
+    end
+  end
 end