title: Unidentified identifier in js
body: <p>I do not understand where my error is </p>
  
  <pre><code>$('#tableId').find('tr').click( function(){
    var test = ($(this).index());
    var element = document.getElementById("morris-area-chart");
    element.parentNode.removeChild(element);
    if test == '1' {
      Morris.Area({
          element: 'morris-area-chart',
          data: orlando,
          xkey: 'period', //datetime 
          ykeys : ['retweets', 'uniqueTweets', 'exposure'], //tweets
          labels: ['Retweets', 'Unique Tweets', 'Hastag Exposure(00s)' ],
          pointSize: 2,
          hideHover: 'auto',
          resize: true
          });
      };
  
  });
  </code></pre>
  
  <p>I have tried to print the variable of test using <code>alert(test)</code> and it shows that it has a value. So why is this <code>if test == '1' {</code> always throwing an error even when it has a value of 1 </p>