jQuery - селекторы в html-строке

Я собираюсь получить элемент из html-строки с jQuery, но я всегда получаю undefined в своей консоли. Моя строка:

<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>

, и я хочу получить td.test.

Пробовал:

console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').innerHTML);
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').html());
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').first().innerHTML);

и еще несколько, но ничего не работает :/

Кто-нибудь знает решение моей проблемы?