Is it possible to set the width of an element to that of the preceding element?
<p>My input elements are followed by a div. I would like to set the width of that div to be that of the preceding input element.</p>

<pre><code>&lt;input type="text" class="input" size="100" name="data"/&gt;
&lt;div class="inputHelp"&gt; enter data above &lt;/div&gt;

&lt;input type="text" class="input" size="80" name="moredata"/&gt;
&lt;div class="inputHelp"&gt; enter more data above &lt;/div&gt;
</code></pre>

<p>In each instance, the class .inputHelp should have the same width as the input element before it.</p>

<p>Using the <strong>next</strong> selector, I was able to grab the width of input elements followed by the inputHelp div.
However, when attempting to set the width of the following inputHelp div, it instead set the width of ALL inputHelp divs on the page. How can I limit it to only set the width of the next inputHelp, and then iterate through all the other input + inputHelp combinations on the page?</p>

<p>Here's my current JQuery code:</p>

<pre><code>$('.input + .inputHelp').width( $('.inputHelp').prev('.input').width() );
</code></pre>
