title: Javascript wont replace my <div> text
body: <p>I have made a Javascript that will replace the text in the Div with the text that I put in my input </p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
      &lt;body&gt;
          &lt;form&gt;
              &lt;input type="text" id="div1" /&gt;
              &lt;input type="text" id="div2" /&gt;
              &lt;input type="text" id="div3" /&gt;
              &lt;button type="button" onclick="ChangeText()"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
  
          &lt;div id="Div5"&gt;
              Text goes here
          &lt;/div&gt;
  
          &lt;script&gt;
              function ChangeText()
              {
                  // Place text in page
                  var test1 = document.getElementById("div1").value;
                  var test2 = document.getElementById("div2").value;
                  var test3 = document.getElementById("div3").value;
                  var test = test1 + "&lt;/br&gt;" + test2 + "&lt;/br&gt;" + test3;
                  document.getElementById("Div5").innerHTML = test;
              }
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But it wont change it, nothing happens.
  EDIT:
  The answers I got work for a normal HTML page. But I should have probably added that I need this to work on a jQuery mobile page.<br>
  I hope anyone can help me with that?</p>