jquery find element next to another

Question

Hi I have the following html: ```

``` What I want is that when user clicks the button, I need to send using ajax the contents of the field field. This is what i'm trying to do with no success. ``` $(function() { $('button.sendInfo').live('click', function() { var id = $(this).parent().next('[type=text]').val(); alert(id); }); }); ``` I plan to set what the user types in textbox to the hidden field, and the value received from the ajax call to normal textbox. But the problem is that i can´t even get the value of the textbox that is in the same line as the button the user clicks. Can anyone help me? Thanks a lot.

Accepted Answer

Try:

```
$(this).siblings('input:text').val();
```

Or change `next` to `find`:

```
$(this).parent().find('[type=text]').val();
```

as `next` only searches the immediate following sibling.

jquery find element next to another

Solution

Problem