nested form ids within jquery

How does one get a nested form id while using jquery?

lets say the form is

<form id="search-theme-form">
<div id = "search"&开发者_运维知识库gt;
   <div id="edit-search-theme-form-1-wrapper" class="form-item">
   </div>
   <input id="edit-submit" class="form-submit btn">
</div>
</form>

will it be

$('#search-theme-form').submit(function () {
    $('#search #edit-submit').click(function () {
        if ($("#search input:text").val() == "Search this community..." || $("#search input:text").val() == "") {
            alert("Please enter a search term");
            return false;
        }
    });
});

jQuery uses CSS-type selectors. To get a sub-id select like

jQuery('#search #edit-submit');

I think you're missing a form tag. :)