title: jQuery fadeOut() Only Works Once
body: <p>I am using jQuery to fade out a "notification" bubble I built. The first time the function is called it fades out just fine, but the second time the "notification" is appended to the body, but just sits there and doesn't fade out. Any help would be greatly appreciated.</p>
  
  <p>Here is the Javascript that is being called.</p>
  
  <pre><code>    if (pointsCalculated = 1) {
      $('body').append('&lt;div id="progress"&gt;' + pointsCalculated + ' point added to current points...&lt;/div&gt;');
  }
  else {
      $('body').append('&lt;div id="progress"&gt;' + pointsCalculated + ' points added to current points...&lt;/div&gt;');
  }
  
  //Reset calculator after adding to tracker
  calcReset();
  
      $("#progress").fadeOut(2000);
  </code></pre>