title: How to pass value from one html page to another in JavaScript?
body: <p>I know this question ask many times but my question is something different.<br>
  I have 3 html pages like <code>apply.html</code>, <code>personal_info.html</code>, <code>resume info.html</code>.      </p>
  
  <ol>
  <li><p>In apply.html page:-<br>
        I use one LinkedIn button for LinkedIn-login. when user click on that button and  filling login information, it fetch user data from LinkedIn. And show it on same page(apply.html).     </p></li>
  <li><p>In personal_info.html:-<br>
  I need to show this personal information in respective <code>TextField</code> which we fetch from LinkdIn.  </p></li>
  <li><p>In Resume_info.html:-<br>
  Here I need to show Career information which we fetch on apply.html page using LinkedIn.   </p></li>
  </ol>
  
  <p>I don't understand how to do this?  I am very new on <code>Html,JavaScript</code>.<br>
  Here is my code for your reference.  </p>
  
  <p>Apply.html  where I fetch LinkedIn Date</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;    
  &lt;script type="text/javascript"&gt; 
  function loadData() {
  IN.API.Profile("me")
  .fields(["id", "firstName", "lastName", "pictureUrl","headline","industry","location:(name)","positions:(title)","emailAddress"])
    .result(function(result) {
    profile = result.values[0];
    profHTML = "&lt;p&gt;&lt;a href=\"" + profile.publicProfileUrl + "\"&gt;";
    profHTML += "&lt;img class=img_border align=\"left\" src=\"" + profile.pictureUrl + "\"&gt;&lt;/a&gt;";      
    profHTML += "&lt;a href=\"" + profile.publicProfileUrl + "\"&gt;";
    profHTML += "&lt;h2 class=myname&gt;" + profile.firstName + " " + profile.lastName + "&lt;/a&gt; &lt;/h2&gt;";
    profHTML += "&lt;span class=myheadline&gt;" + profile.headline + "&lt;/span&gt;";
    profHTML += "&lt;h3&gt;" + profile.industry + "&lt;/h3&gt;";
    profHTML += "&lt;h3&gt;" + profile.location.name + "&lt;/h3&gt;";
    profHTML += "&lt;h3&gt;" + profile.positions.values[0].title + "&lt;/h3&gt;";
    profHTML += "&lt;h3&gt;" + profile.positions.values[1].title + "&lt;/h3&gt;";
    profHTML += "&lt;h3&gt;" + profile.emailAddress + "&lt;/h3&gt;";
   $("#profiles").html(profHTML);
    });
   } 
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script type="IN/Login" data-onAuth="loadData"&gt;&lt;/script&gt;
  &lt;div id="profiles"&gt;&lt;/div&gt;
  &lt;div id="profiles1"&gt;&lt;/div&gt; 
  &lt;/body&gt;  
  </code></pre>
  
  <p>personal_Info.html where I need to show LinkedIn data.   </p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="container"&gt;
  &lt;section&gt;
  &lt;div class="results"&gt; 
   &lt;div class="results-head"&gt;
    Personal Info
    &lt;div class="pagecount"&gt;1/6&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="job-des"&gt;
     &lt;div class="row"&gt;
       &lt;input name="textfield2" type="text" id="textfield1" value="First Name"  class="input-field" onblur="if (this.value == '')"&gt;
     &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;input name="textfield" type="text" id="textfield2" value="Last Name" class="input-field"&gt; 
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;input name="textfield" type="text" id="textfield3" value="Street Address" class="input-field"&gt; 
    &lt;/div&gt;
     &lt;div class="row"&gt;
      &lt;input name="textfield" type="text" id="textfield4" value="City" class="input-field"&gt; 
    &lt;/div&gt;
     &lt;div class="row"&gt;
     &lt;select name="select2" id="select2" class="input_list2"&gt;
        &lt;option value=""&gt;  Country  &lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
     &lt;div class="row"&gt;
      &lt;select name="select2" id="select3" class="input_list2"&gt;
        &lt;option&gt;State&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;select name="select2" id="select4" class="input_list2"&gt;
        &lt;option&gt;Region&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
     &lt;div class="row"&gt;
      &lt;input name="textfield" type="text" id="textfield5" value="Zip/Postal Code" class="input-field"&gt; 
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;input name="textfield" type="text" id="textfield6" value="Email Address" class="input-field"&gt; 
    &lt;/div&gt;
     &lt;div class="row"&gt;
     &lt;input name="" type="checkbox" value="" checked align="bottom"&gt; 
     Authorization to work in U.S.
    &lt;/div&gt;
  
  
  
    &lt;/div&gt;
  
  
  &lt;/div&gt;
  &lt;div class="input-btn-panel"&gt;
    &lt;div class="input-btn-wrap"&gt;&lt;input type="submit" name="button" id="button" value="Next" class="blue-btn" onClick="updateTxt()"&gt;&lt;/div&gt;
  
   &lt;div id="profiles"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;   
  </code></pre>
  
  <p>Please give me some hint. I don't understand how to do this?   </p>