[jQuery] Why is console.log(valid) returning "yes" in this code?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Here’s the code:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>var</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'> valid </span><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>=</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span style='font-size:10.0pt;
font-family:Consolas;color:#006600'>'yes'</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'>;</span><span style='font-size:10.0pt;
font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>$(</span><span style='font-size:10.0pt;
font-family:Consolas;color:#006600'>':input'</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'>)</span><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>.</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'>each(</span><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>function</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'>() {</span><span style='font-size:10.0pt;
font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:blue'> if</span><span style='font-size:
10.0pt;font-family:Consolas;color:black'> ( $(</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>this</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>)</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.val</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>()</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>length </span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>==</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:#FF0A0A'>0</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> )</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> {
</span><span style='font-size:10.0pt;font-family:Consolas;color:#0099FF'>alert</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>(</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'in!'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>);</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
</span><span style='font-size:10.0pt;font-family:Consolas;color:blue'>var</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> valid </span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>=</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'no'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>;</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
</span><span style='font-size:10.0pt;font-family:Consolas;color:#0099FF'>alert</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>(valid);</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
$(</span><span style='font-size:10.0pt;font-family:Consolas;color:#006600'>'#rentalAppErrors'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>)</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>fadeIn(</span><span
style='font-size:10.0pt;font-family:Consolas;color:#FF0A0A'>500</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>);</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
$(</span><span style='font-size:10.0pt;font-family:Consolas;color:blue'>this</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>)</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>addClass(</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'inputError'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>);</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
$(</span><span style='font-size:10.0pt;font-family:Consolas;color:blue'>this</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>)</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>css({</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'background-color'</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>:</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'red'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>,</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'color'</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>:</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'#fff'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>});</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
$(</span><span style='font-size:10.0pt;font-family:Consolas;color:blue'>this</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>)</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>.val</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>(</span><span
style='font-size:10.0pt;font-family:Consolas;color:#006600'>'Entry required...'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>);
}</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>});</span><span style='font-size:10.0pt;
font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>console</span><span style='font-size:10.0pt;font-family:Consolas;
color:blue'>.</span><span style='font-size:10.0pt;font-family:Consolas;
color:black'>log(valid);<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>When I run this code making the “if” statement true, I
get the alert(‘in!’) properly,<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>letting me know that I’m inside the conditional block.
I also get the second<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>alert, alert(valid), and the value of “valid” in the
alert is “no”…as it should be.<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>But when the code gets to the console.log(valid) function, valid shows
in the console<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>as having the value ‘yes’.<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>???<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Why? This is throwing the rest of my code off…<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Rick</span><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><i><span style='color:#BFBFBF'>-------------------------------------------------------------------------------------------------------------------<o:p></o:p></span></i>
<p class=MsoNormal><i><span style='color:#BFBFBF'>"Those who hammer their
guns into plows will plow for those who do not." - Thomas Jefferson<o:p></o:p></span></i>
<p class=MsoNormal><o:p> </o:p>
</div>
</body>
</html>