title: Hiding an element when I click outside of it or somewhere else on the page
body: <p>Ok, I have a list of radio buttons inside a DIV, this DIV slides down when I click on span. </p>
  
  <p>Now, when I select one of the radio buttons, the text in the span is replaced and the DIV slides back up.</p>
  
  <p>I also need to make the DIV with the list of radio buttons slide back up whenever the user clicks somewhere outside of it/any other place on the page.</p>
  
  <p>Here's my jQuery:</p>
  
  <pre><code>$('input[type=radio]').click(function() {       
      $('.selected-search-wjs').text($(this).parent().text());//This replaces the text/selection
      $('.radio-btns-wrapper-wjs').slideUp('fast');//This makes the DIV slide back up after a selection has been made
  });
  </code></pre>
  
  <p>Any idea how to that?</p>
  
  <p>Thanks in advance.</p>
  
  <p>PS. Let me know if you need the HTML. I didn't put it here because I don't think is necessary since this is a behavior feature regardless of how the HTML is put together. Thanks.</p>