title: Output None with the correct tags while scraping with BeautifulSoup
body: <p>I am trying to web scrape from <a href="https://www.zalora.com.hk/men/clothing/shirt/?gender=men&amp;dir=desc&amp;sort=popularity&amp;category_id=31&amp;enable_visual_sort=1" rel="nofollow noreferrer">Zalora</a> for 3 things:
  1. item brand
  2. item name
  3. item price(old)</p>
  
  <p>Below is my initial attempt:</p>
  
  <pre><code>from bs4 import BeautifulSoup
  import requests
  
  def make_soup(url):
      html = requests.get(url)
      bsObj = BeautifulSoup(html.text, 'html.parser')
      return bsObj
  
  soup = make_soup('https://www.zalora.com.hk/men/clothing/shirt/?gender=men&amp;dir=desc&amp;sort=popularity&amp;category_id=31&amp;enable_visual_sort=1')
  
  itemBrand = soup.find("span",{"class":"b-catalogList__itmBrand fsm txtDark uc js-catalogProductTitle"})
  itemName = soup.find("em",{"class":"b-catalogList__itmTitle fss"})
  itemPrice = soup.find("span",{"class":"b-catalogList__itmPrice old"})
  
  print(itemBrand, itemName, itemPrice)
  </code></pre>
  
  <p>Output:</p>
  
  <pre><code>None None None
  </code></pre>
  
  <p>Then I do further investigation:</p>
  
  <pre><code>productsCatalog = soup.find("ul",{"id":"productsCatalog"})
  print(productsCatalog)
  </code></pre>
  
  <p>Output:</p>
  
  <pre><code>&lt;ul class="b-catalogList__wrapper clearfix" id="productsCatalog"&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is the weird thing that puzzle me, there should be many tags within the ul tag (The 3 things I need are within those hidden tags), why are they not showing up?</p>
  
  <p>Matter in fact, everything I try to scrape with BeautifulSoup within the ul tag have the output of None.</p>