У меня есть список на HTML
<div id="header" class="row">
<div id="logo" class="col_12">And the winner is<span>n't...</span></div>
<div id="navigation" class="row">
<ul id="pirra">
<li><a href="#">Why?</a></li>
<li><a href="#">Synopsis</a></li>
<li><a href="#">Stills/Photos</a></li>
<li><a href="#">Videos/clips</a></li>
<li><a href="#">Quotes</a></li>
<li><a href="#">Quiz</a></li>
</ul>
</div>
он изменяется отлично, чтобы показать горизонтально изменение CSS
div#navigation ul li {
display: inline-block;
}
но теперь я хочу сделать это с помощью jQuery, я использую:
$(document).ready(function() {
console.log('hello');
$('#navigation ul li').css('display': 'inline-block');
});
но не работает, что у меня неправильно, чтобы стиль моего элемента с помощью jQuery?
спасибо