title: Why does changed value not display after breakpoint? Part 2
body: <p>A value in tab header changed through JS value is not persisting on @media breakpoint/accordion screen - although the one in the tabbed content area is persisting.</p>
  
  <p>The js code:</p>
  
  <pre><code>function check_1_input(X, Y) {  
    var ids=X.split("_"); console.log(' X '+X+' id '+ids[1]); 
    var PX=document.getElementById(X); 
    var PY=document.getElementById(Y); 
    PX.childNodes[0].textContent = "Changed"; 
    PY.childNodes[0].textContent = "Changed";
  }
  </code></pre>
  
  <p>which makes the changes is at the end of the html - not sure why it only works in that location.</p>
  
  <p>The fiddle is 
      <a href="https://jsfiddle.net/PhilB/077dbf37/10/" rel="nofollow noreferrer">https://jsfiddle.net/PhilB/077dbf37/10/</a></p>