Use jQuery to select a specific element with arbitrary data
<p>Hi I'm new to jQuery and I am trying to figure out how I can select a particular element with class <code>organizer_listing_checkbox_container</code> and whose parent <code>.organizer_listing</code> has arbitrary data <code>data-listing_id=1234</code>. There are many elements with class <code>organizer_listing_checkbox_container</code> but the <code>data-listing_id</code> is unique.</p>

<p>I want to select that particular element and do a <code>.addClass()</code>.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="organizer_listings_container"&gt;
     &lt;div class="organizer_listing" data-listing_id=1234&gt;

        &lt;div class="organizer_listing_checkbox_container_container unselectable"&gt;
            &lt;div class="organizer_listing_checkbox_container"&gt;
                &lt;input type="checkbox" class="organizer_listing_checkbox" /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
</code></pre>
