Как добавить класс дочернем элементам?

Здравствуйте, есть примерно такая верстка:

<div class="wrapper">
 <ul class="list">
  <li class="title"> Заголовок </li>
  <ul class="class_name">
   <li class="title">Подзаголовок</li>
   <li class="title">Подзаголовок</li>
   <li class="title">Подзаголовок</li>
  </ul>
 </ul>
</div>

Классы у заголовка и подзаголовка одинаковые, но заголовок находится в ul с классом list, а подзаголовок находится в ul с классом, допустим "class_name", который в свою очередь помещен в ul class="list". Нужно добавить подзаголовку класс, те в итоге должно получиться
<li class="title "еще класс" ">Подзаголовок</li>

Как можно реализовать это на js или jquery?