How could i apply separate styles for odd and even div tags
===

I am working on asp.net mvc 4 with razor view. I am trying to display the odd div tags with style `float:left` and even div tags with style `float:right`. Here my div tags are like,
 

       <div class="divOuter" style="float:left;margin:4px;width:100%;height:40px;">
        @foreach (var i in ProductOption.ProductOptions(Convert.ToInt32(item[0])))
        {
            <div id="divInner" style="display:inline;width:50%;"><input type="checkbox" value="@i[0]" checked="checked" /><span style="line-height:20px;font-weight:bold;">@i[0]</span></div>
        }
        </div>

I have uses jquery like,

     $(document).ready(function () {
               $("div.divOuter div#divInner:odd").css("float","left");
               $("div.divOuter div#divInner:even").css("float", "right");
           });

How could i apply float:left for odd div tags and float:right for even div tags. please guide me.