title: How to extract bold text from a <b> tag using jQuery
body: <p>I have some (bad) HTML that I'm trying to scrape, which looks like this</p>
  
  <pre><code>&lt;div class="MsoNormal" style="text-align: justify;"&gt;
   &lt;span style="font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;"&gt;
   &lt;span style="color: #c00000;"&gt;"&lt;i style="mso-bidi-font-style: normal;"&gt;Book Name&lt;/i&gt;" by 
   &lt;b style="mso-bidi-font-weight: normal;"&gt;AUTHOR&lt;/b&gt;. Release Date: 
   &lt;b style="mso-bidi-font-weight: normal;"&gt;DATE&lt;/b&gt;. Published by 
   &lt;b style="mso-bidi-font-weight: normal;"&gt;PUBLISHER&lt;/b&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to extract the three things in bold i.e AUTHOR,DATE &amp; PUBLISHER</p>
  
  <p>I've tried stuff like <code>$('strong,b').each(...)</code> but that gives the entire text.</p>
  
  <p>Edit:
  Here's the partial code I'm using, basically what I want to do is obtain all the details from a set of such divs.</p>
  
  <pre><code>$(".MsoNormal").each(function(index) {
  
     var book = {}
     var elem = $(this).text()
  
     elem = sanitizeString(elem) // Removes whitespaces and line breaks
  
     book["title"] = getTitle(elem) // Gets the book name, which is between double quotes
  
     //Get author,date &amp; publisher here $('b') traverses everything again
  
   }
   })
  </code></pre>