Get error using AND statement in javascript
<p>you can understand what i mean here <a href="http://jsfiddle.net/ganymedes/eWghm/1/" rel="nofollow">http://jsfiddle.net/ganymedes/eWghm/1/</a> Please <em>select</em> <strong>1986</strong> then <em>select</em> <strong>Hello</strong> finally <em>select</em> <strong>test2</strong>. I mean when you select test2 my script will display "0" text <strong>but it doesn't display.</strong></p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"&gt;&lt;/script&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    var zero="0,00";
    var one="0,01";
    $(document).ready(function() {    
        $('#main').on('change', '.select-box', function() {    
            if ($(".select-box option[value='1']").prop('selected') &amp;&amp; $(".select-box option[value='1986']").prop('selected')) {    
                $('#street').html("&lt;option value='2'&gt;test&lt;/option&gt;&lt;option value='3'&gt;test2&lt;/option&gt;");    
            }
            if ($(".select-box option[value='1']").prop('selected') &amp;&amp; $(".select-box option[value='1986']").prop('selected') &amp;&amp; $(".select-box option[value='3']").prop('selected')) {
                 document.getElementById("demo3").innerHTML=""+zero;
            }    
        });    
      });
&lt;/script&gt;    
&lt;script type="text/javascript"&gt;    
    var x="",i;
    for(i=1986;i&lt;2013;i++)
    {
        x=x + "&lt;option value='"+i+"'&gt; " + i + "&lt;/option&gt;";
    }
    $(document).ready(function() {
        document.getElementById("forloop").innerHTML="&lt;select class='select-box'&gt;&lt;option&gt;Empty&lt;/option&gt;"+x+"&lt;/select&gt;";
    });
&lt;/script&gt;  
&lt;/head&gt;
&lt;body&gt;  
    &lt;p id="forloop"&gt;&lt;/p&gt;
        &lt;div id="main"&gt;
          &lt;select class="select-box"&gt;
             &lt;option&gt;Empty&lt;/option&gt;
             &lt;option value="1"&gt;Hello&lt;/option&gt;    
         &lt;/select&gt; 
         &lt;p&gt;&lt;/p&gt;
         &lt;select class="select-box" id="street"&gt;
            &lt;option&gt;Empty&lt;option&gt;
         &lt;/select&gt;
      &lt;/div&gt;    
    &lt;p id="demo3"&gt;    
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>
