title: Hide Text after a tag using jQuery
body: <p>I would like to hide certain text after a tag.</p>
  
  <p>My HTML is:</p>
  
  <pre><code>&lt;div class="listing_detail col-md-4"&gt;&lt;strong&gt;Living Room:&lt;/strong&gt; Yes&lt;/div&gt;
  &lt;div class="listing_detail col-md-4"&gt;&lt;strong&gt;Kitchen:&lt;/strong&gt; No&lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$($('.listing_detail strong')[0].nextSibling).wrap('&lt;span style="display:none"&gt;&lt;/style&gt;');
  </code></pre>
  
  <p>The jQuery above only removes the text from the first element and not both.</p>
  
  <p>How can I modify it so that it removed the text from both elements.</p>
  
  <p><a href="https://jsfiddle.net/d4gyv6ed/" rel="nofollow">Fiddle</a></p>