Can I combine jQuery selectors for more than one element?
<p>I have the following starting HTML:</p>

<pre><code>&lt;div id="modal" &gt;&lt;div class="modal-window"&gt;
&lt;ul class="action-tabs right"&gt;
&lt;li&gt;&lt;a href="#" title="Close window"&gt;
&lt;img src="/Content/images/icons/fugue/cross-circle.png" width="16" height="16"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="block-content"&gt;&lt;h1&gt;xx&lt;/h1&gt;
&lt;div class="modal-content&gt;
...
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>From suggestions here I have the following jQuery code:</p>

<pre><code>$modal
    .find('.modal-content')
    .wrap("&lt;form id='modal-form'&gt;")
$modal
    .find('#modal-form')
    .find("button")
    .filter(function () {
        return $(this).text().toLowerCase().indexOf('submit') != -1;
    })
    .prop('type', 'submit');
</code></pre>

<p>What I need to do is to find the first occurence (there's actually one ever one)
of the class .modal-content. I then need to wrap this in <code>&lt;form id="xxx"&gt;&lt;/form&gt;"</code>.</p>

<p>Next I need to look within the form, find all the buttons with text submit and
change them to be of type "submit". </p>

<p>I think the above code will do that but I am wondering if i could make it simpler.
Also I have suggestions for a few different ways to do the .wrap. These suggestions
were:</p>

<pre><code>$('.modal-content').wrap('&lt;form id="xxx" /&gt;');
$(".modal-content").wrap('&lt;form id="xx"&gt;&lt;/form&gt;');
$( '.modal-content' ).wrapAll( '&lt;form /&gt;' );
</code></pre>

<p>Would they all be correct to use?</p>
