title: Implementing Fade in Fade Out on Array of Text in jQuery
body: <p>I have an array of text that I'd like to iterate through and call the fadeIn and fadeOut functions in jQuery on.</p>
  
  <pre><code>var hellos = ["hi, i'm", "bonjour, je m'appelle", "hallo, ich heiße"]
  </code></pre>
  
  <p>The html code would look something like this:</p>
  
  <pre><code>&lt;h2&gt;&lt;span id="hellos"&gt;&lt;/span&gt;Ch1maera&lt;/h2&gt;
  </code></pre>
  
  <p>Ideally, on the front page of my website it would read something like "hi, i'm ch1maera" and then cycle through the different hellos, fading them in and then fading them out, while leaving "ch1maera" on the screen. If possible, I'd like to isolate the "ch1maera" from the hellos so that it stays in the same place and doesn't move depending on the length of the hellos in the list, if that makes sense. How would this be done?</p>