title: If, else if statement not working (only displays if)
body: <p>It only displays the if statement. Doesn't get to the 2nd or the 3rd statement. The HTML portion only displays out the "commentE" value.</p>
  
  <pre><code>var totalAmount = (conversion * sAmount);
  totalAmount = $("#totalAmount").val(totalAmount);
  
  var myadvice;
  myadvice = $("#myadvice").val();
  
  var great;
  great = localStorage.getItem("great");
  
  var commentE;
  commentE = localStorage.getItem("commentE");
  
  var between;
  between = localStorage.getItem("between");
  
  var betweenb;
  betweenb = localStorage.getItem("betweenb");
  
  var commentB;
  commentB = localStorage.getItem("commentB");
  
  var less;
  less = localStorage.getItem("less");
  
  var commentL;
  commentL = localStorage.getItem("commentL");
  
  if (totalAmount &gt;= great) {
      myadvice = $("#myadvice").val(commentE);
  } else if ((totalAmount &gt;= between) &amp;&amp; (totalAmount &lt;= betweenb)) {
      myadvice = $("#myadvice").val(commentB);
  } else if (totalAmount &lt;= less) {
      myadvice = $("#myadvice").val(commentL);
  </code></pre>
  
  <p>These are the HTML portion (index page to get input)</p>
  
  <pre><code>&lt;div data-role="navbar"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;label for="between"&gt;Between&lt;/label&gt;
              &lt;div class="ui-grid-a"&gt;
                  &lt;div class="ui-block-a"&gt;
                      &lt;input type="text" 
                          name="between" id="between" placeholder="between" value="200"&gt;
                  &lt;/div&gt;
                  &lt;div class="ui-block-b"&gt;
                      &lt;input type="text" 
                          name="betweenb" id="betweenb" placeholder="between" value="499"&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="commentB"&gt;Comment&lt;/label&gt;
              &lt;input type="text" name="commentB" 
                  id="commentB" placeholder="comments" value="OK"&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>These are supposed to be the results (results page to display the input of previous page</p>
  
  <pre><code>    &lt;div data-role="main" class="ui-content"&gt;
          &lt;div class="ui-field-contain"&gt;
              &lt;div data-role="fieldcontainer"&gt;
                  &lt;label for="advice"&gt; My Advice is as follows: &lt;/label&gt;
                  &lt;input type="text" name="advice" id="advice"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/b&gt;
  </code></pre>