title: hidden token is displayed on page in IE10
body: <p>I am looking for help(suggestions) on what can be changed in the code below syntax wise or otherwise to ensure that hidden token is not displayed(hidden) in any browser.i don't have a problem with the code below in IE7,Chrome or Firefox.IE10 on the other hand doesn't like something and the hidden token is displayed on the screen </p>
  
  <pre><code>&lt;%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %&gt;
  
   &lt;script type="text/javascript"&gt;
  WF.onWRIAReady({},
  function() {
      WF.onDOMReady(addCsrfToken);
  });
  
  function addCsrfToken() {
      var csrf = '&lt;c:out value="${sessionScope['csrfToken']}" /&gt;';
      //alert(csrf);
      for (var i = 0; i &lt; document.forms.length; i++) {
          currentForm = document.forms[i];
          addHiddenInputField(currentForm, "csrfToken", csrf);
      }
  }
  
  function addHiddenInputField(formElement, fieldName, fieldValue) {
      var existingElement = null;
  
      for (var i = 0; i &lt; formElement.elements.length; i++) {
          if (formElement.elements[i].name == fieldName) {
              existingElement = formElement.elements[i];
              break;
          }
      }
  
      if (existingElement == null) {
          var inputElement = document.createElement("input");
          inputElement.setAttributeNode(createHtmlAttribute("type", "hidden"));
          inputElement.setAttributeNode(createHtmlAttribute("name", fieldName));
          inputElement.setAttributeNode(createHtmlAttribute("id", fieldName));
          inputElement.setAttributeNode(createHtmlAttribute("value", fieldValue));
          formElement.appendChild(inputElement);
      }
      else {
          existingElement.value = fieldValue;
      }
  }
  
  function createHtmlAttribute(name, value) {
     var attribute = document.createAttribute(name);
     attribute.nodeValue = value;
     return attribute;
  }
  </code></pre>
  
  <p></p>
  
  <p>Thank you in advance for any help with my question</p>