title: How to target parent div of selected option in jQuery?
body: <p>I am somewhat new to jQuery and am hoping to get a little help on this problem I have.</p>
  
  <p>Heres what I am trying to do:</p>
  
  <p>I need the ability to fire off a notification when a user selects an option from a select box. All the select boxes on the page share the same id and name, as well as live under div classes with the same name. This part is working, however I will have multiple select boxes on the page. When I make a selection for one, it fires off the notification to all instances instead of just the selected one.</p>
  
  <p>How do only get the notification to fire on the selected instance?</p>
  
  <p>Here is the JS so far:</p>
  
  <pre><code>$("select[name=regStatus]").change(function () {
        var str = "";
        var text = $(this).find("option:selected").text(); 
              str += " Status changed to: " + $(this).find("option:selected").text();
  
        $(".responseMsg").text(str).fadeIn(500);
        $(".responseMsg").delay(2000).fadeOut(1000);
  
       return false;  
  
    });
  </code></pre>
  
  <p>AND the html structure (this code will be repeated on the page several times):</p>
  
  <pre><code>&lt;div class="dash-hdr-extras plain"&gt;
    &lt;div class="responseMsg"&gt;&lt;/div&gt;
       &lt;select id="regStatusSelect" name="regStatus"&gt;
      &lt;option value="0"&gt;Example1&lt;/option&gt;
          &lt;option value="blah"&gt;Blah&lt;/option&gt;
          &lt;option value="blah2"&gt;Blah 2&lt;/option&gt;
       &lt;/select&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Any help on this would be greatly appreciated, as I am still learning!</p>