JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display:none;" id="global_menus">
    <div class="none">
        <div id="catalog">
            <a name="catalog" data-icon="icon-book" data-level="88" class="">Catalogs</a>
            <a name="specials" data-icon="icon-tags" data-level="88" class="">Specials</a>
            <a name="price_books" data-icon="icon-dollar" data-level="88" class="">Price Books</a>
            <a name="promos" data-icon="icon-star" data-level="88" class="">Promos</a>
        </div>
    </div>
</div>
<div id="main">
    <div id="header"></div>
    <div id="content">
        <div id="catalog" class="catalog page active">
            <div id="page_catalog" class="mn_page mn_page-root stretch_full_size">
                <div id="page_context" class="mn_page-root stretch_full_size">
                    <div id="top_portion_wrapper">
                        <div id="fields_toolbar_wrapper"></div>
                        <div id="field_grid_wrapper">
                            <div id="field_grid_main" class="field_grid field_grid_type_main">
                                <div class="field_grid-box"></div>
                            </div>
                            <div id="tab_content" class="mn_tabs-tab">
                                <div id="field_grid_content_grocery" class="field_grid field_grid_type_content_grocery">
                                    <div class="field_grid-box"></div>
                                </div>
                            </div>
                            <div id="tab_logistics" class="mn_tabs-tab hide">
                                <div id="field_grid_logistics" class="field_grid field_grid_type_logistics">
                                    <div class="field_grid-box"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.field_grid {
    display:none;
}

JavaScript

$(document).ready(function () {
    alert("Selector (#catalog): " + $("#catalog").length + " / " + $("#catalog").find(".field_grid").length);
    console.debug("Without div: ", $("#catalog"), $("#catalog").find(".field_grid"));
    alert("Selector (div#catalog): " + $("div#catalog").length + " / " + $("div#catalog").find(".field_grid").length);
    console.debug("With div: ", $("div#catalog"), $("div#catalog").find(".field_grid"));
});