JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-nav">
    <ul class="sub-nav">
        <li>stuff</li>
        <li class="dropdown">FIRST dropdown</li>
    </ul>
</div>

<!-- in the content well -->
<div class="navbar navbar-container">
  <div class="navbar-inner nav-collapse collapse">
    <ul class="nav pull-left">
        <li class="dropdown">
            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">Categories<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Category1</a></li>
                <li><a href="#">Category2</a></li>
                <li><a href="#">Category3</a></li>
            </ul>
        </li>
    </ul>
  </div>
</div>

JavaScript

console.log($('.dropdown', $('.main-nav')));