anchor.diff:      }
   };
   
  +function showDelay() {
  +   $('#btn').after("<div id='loading'>Wait for it... <img src='/img/ajax-loader.gif'></div></br>");
  +};
  +
  +function pauseThenToggleControls() {
  +   setTimeout(function() {
  +	toggleControls();
  +   } , 3000 );
  +};
  +
   function toggleControls() {
  -  var start = $('#start').first();
  +  var btn = $('#btn').first();
     var check = $('#checkbox').first();
     var load = $('#loading');
  -  if ( start.text() == "Remove") {
  +  if ( btn.text() == "Remove") {
          check.remove();
  -       start.text("Add");
  -       start.after("<p id='message'>It's gone!</p>");
  -       start.attr("disabled", false);
  +       btn.text("Add");
  +       btn.after("<p id='message'>It's gone!</p>");
  +       btn.attr("disabled", false);
          load.hide();
     }else{
  -       start.text("Remove");
  -       start.after("<div id='checkbox'><input type='checkbox' id='checkbox'> A checkbox </div>");
  -       start.after("<p id='message'>It's back!</p>");
  -       start.attr("disabled", false);
  +       btn.text("Remove");
  +       btn.after("<div id='checkbox'><input type='checkbox' id='checkbox'> A checkbox </div>");
  +       btn.after("<p id='message'>It's back!</p>");
  +       btn.attr("disabled", false);
          load.hide();
       }
    };
  
positive.code:    <p>Demonstrates controls that are added or removed after an async call.</p>
  
     <form >
         <button autocomplete="off" type="button" id="start" onclick="onClick()" >Remove</button>
         <div id="checkbox">
  	  <input type="checkbox" id="checkbox" > A checkbox
         </div>
  
negative.code: <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  <script>
  function onClick (){
     disableButton();
     clearMessage();
     showDelay();
     pauseThenToggleControls();
  };
  
  function disableButton() {
     $('#btn').attr("disabled",true);
  };
  
  function clearMessage() {
  