В
<header>
<nav>
<ul class="menu">
<li class="menu-item">Первый пункт</li>
<li class="menu-item">Третий пункт</li>
<li class="menu-item">Второй пункт</li>
<li class="menu-item">Четвертый пункт</li>
</ul>
</nav>
</header>
как поменять местами третий и второй пункт с помощью js?