title: Hide list items with undefined strings
body: <p>I'm using Wikipedia API in my project. I loop through an object to display an article and its description below like that.</p>
  
  <p><a href="https://i.stack.imgur.com/UZsin.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UZsin.png" alt="enter image description here"></a></p>
  
  <p>Most of <strong>li</strong> (articles) display properly, but some of them show <strong>undefined</strong>. Like that </p>
  
  <p><a href="https://i.stack.imgur.com/OqHWS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OqHWS.png" alt="enter image description here"></a></p>
  
  <p>What i want is to hide <strong>li</strong>s which show <strong>undefined</strong>. I wrote the code</p>
  
  <pre><code>// Check if some articles are undefined if so hide them
  if (articleAuthor === "undefined") {
    $('.articleItem').html('');
  }
  </code></pre>
  
  <p>But it does not help. <strong>$('.articleItem')</strong> is dynamically create list item.</p>
  
  <p><a href="http://codepen.io/nazimkazim/pen/YWjALR" rel="nofollow noreferrer">Codepen Project Link</a></p>
  
  <p>Thanks in advance!</p>