Android Stock Browser - Not responding to class changes

For my web-page, things work fine on Android API level 21.

But when I test the same page against Android API level 18, some features do not work.

When I toggle class "check" on .div1 with javascript. The .div2 display is not updated.

Here is sample HTML and sample CSS

HTML

<div class="div1 check"></div>
<div class="div2"></div>

<div class="div1"></div>
<div class="div2"></div>

CSS .div2{ display: none;} .div1.check ~ .div2{ display: block;}

Again, this works fine in Android API level 21 but facing issues in Android API level 18.

Any suggestions?