Append child submenu elements to parent li (jQuery)

by Marventus

HTML

<!-- Main Menu -->
          <ul id="navigation"><li id="menu-item-84" class="tucson menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/"><strong>Tucson</strong></a>
<ul class="sub-menu">
	<li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/gaming/">Gaming</a>
	<ul class="sub-menu">
		<li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/gaming/slots/">Slots</a></li>
		<li id="menu-item-228" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/gaming/table-games/">Table Games</a></li>
		<li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/gaming/keno/">Keno</a></li>
		<li id="menu-item-226" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/gaming/bingo/">Bingo</a></li>
	</ul>
</li>
	<li id="menu-item-333" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-327 current_page_item"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/entertainment/">Entertainment</a></li>
	<li id="menu-item-229" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://clients.realintegrated.com/desertdiamond/www/tucson/promotions/">Promotions</a></li>
	<li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a...

CSS

/* Inline styles */
h1, h2, h3, h4, h5, h6, #navigation li, .slider-caption p, .room-price-widget .from, .room-price-widget .price, .room-price-widget .price-detail, .step-icon, .step-title, .room-price .price span, .price-details .deposit, .price-details .total, .lightbox-title, table th, .mobile-menu-title {
    font-family:'Montserrat', serif !important;
}
.slider-caption p.colour-caption {
    background: rgba(191, 153, 88, 0.7);
}

/* Main styles */
/*

Theme Name: Desert Diamond Casinos
Theme URI: http://github.com/realintegrated
Description: A Casino Theme
Version: 0.0.1
Author: Real Integrated
Author URI: http://realintegrated.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: casino, theme, accent colors

Accent Colors:
Tucson: b93548;

*/
/* 0.0 - Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-spacing: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix,
.tagcloud {
  zoom: 1; }

.clearfix:before,...

JavaScript

$(document).ready(function() {
    $("#navigation li ul li ul").each(function() {
        $(this).children("li").each(function() {
            $(this)
                .addClass("was-submenu-item")
                .insertAfter($(this).closest("ul").parent());
        });
        $(this).closest("li").removeClass("menu-item-has-children");
        $(this).remove();
    });
    $("#navigation").addClass("menu-changed");
    console.log($(".was-submenu-item"));
});