title: Set HTML <title> tag values dynamically
body: <p>I have an HTML page. The aim is to set the <code>&lt;title&gt;</code> tag dynamically.</p>
  
  <p>Using this Ajax call to get data to be inserted inside title tag as below</p>
  
  <pre class="lang-js prettyprint-override"><code>    $.get("/" + $.flydubai.config.CurrentLanguageCode + "/error/PageTitle/", function (data) {
          document.title = data;
      });
  </code></pre>
  
  <p>Now, I want to update <em>not</em> the browser title but the HTML <code>&lt;title&gt;&lt;/title&gt;</code> tag itself. Is it even possible? I tried these:</p>
  
  <pre class="lang-js prettyprint-override"><code>document.getElementById('ttl').innerHTML = 'World';
  ttl.innerHTML = 'world';
  document.getElementsByTagName('title')[0].innerHTML = 'world';
  document.querySelector.apply(document,['title']).innerHTML = 'world';
  document.querySelectorAll.apply(document,['title'])[0].innerHTML = 'world';
  </code></pre>
  
  <p>These all will change only the client side (i.e., browser title).</p>