jquery hover , remove class and add new one
i wanna like, when hover the mouse in div class main, remove the class city and insert city2 on <div class="city">Curitiba - PR</div>
but only working with a hover mouse in <div class="city">amsterdan</div>, so remove a class and add new one.
i had tried but i have no sucess.
$(document).ready(function(){
$('.fundo').hover(function(){
$(this).children('.cidade').removeClass('.cidade').addClass('.cidade2');
});
});
<div class="main" onclick="window.open('http://google.com.br','_blank');" style="cursor:pointer;">
<div class="monthy">nov</div>
<div class="data">16</div>
<div class="city">amsterdan</div>
<div class="test">Empresa X</div>
</div>