Question: I am trying to select elements in jQuery like this:   

`$("input[id*='FirstName']")` , but it's not working, it's not bringing the values I want from the page.

 The input is located nested deeply inside the DOM, like the child #30 from the root, and I think jQuery is not able to find it.   

Anyone faced an issue like this before??

**Update**: <http://pastebin.com/es0Z1P1a>

Answer: 
Add `position:relative;` to `.half` and then add the following CSS to your `img` selector:

```
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;

```

[Updated Fiddle](http://jsfiddle.net/f16wpgpm/5/)
=================================================
You can use the table display method to vertically align responsively. However, this requires an inner `<div>` to act as the cell to align:

```
<div class="half first_half">
    <div class="inner">
        <img src="http://www.capitale-creativo.it/img/capcrea1.jpg" />
    </div>
</div>

```

Then by making `.half` display as a table and the `.inner` display as its cell, you can add a `vertical-align: middle;` like so:

```
.half{
    height:100%;
    width: 50%;
    display:table;
    float:left;
}

.inner{
    display: table-cell;
    vertical-align: middle;
}

```

Here it is in action: <http://jsfiddle.net/f16wpgpm/4/>