SharePoint 2013: Hide/Unhide column based on another column.

Question

Dear all,
I have a dropdown list "Correspondence Type".  What I want is to display/hide some fields when "Correspondence Type" is selected.
In the drop down list I have the following choices:  "IN" , "OUT".
What is happening is, when i am selecting "IN", the columns are being hidden/displayed as should be.  But when I am selecting "OUT", the approprite columns are not being hidden/displayed.
Please find below the code:
////////////////-----Code Starts here----/////////////
$(document).ready(function(){
    // -----  Hide the field at the begin if the default value is other.
    // Get a single select dropdown field
    var countryField = SPUtility.GetSPField('Correspondence Type');
    var countryFieldValue = countryField.GetValue();
    // Hide the City field if the selected value is Other
    if(countryFieldValue == 'IN') {
        SPUtility.GetSPField('Date Sent').Hide();
        SPUtility.GetSPField('Date Received').Show();
    else if (countryFieldValue == 'OUT'){
        SPUtility.GetSPField('Date Sent').Show();
        SPUtility.GetSPField('Date Received').Hide();
   $("select[title='Correspondence Type']").change(function() {
if ($("select[title='Correspondence Type']").val() == 'IN') {
$('nobr:contains("Date Sent")').closest('tr').hide();
$('nobr:contains("Date Received")').closest('tr').show();
} else if($("select[Correspondence Type']").val() == 'OUT'){
$('nobr:contains("Date Received")').closest('tr').hide();
$('nobr:contains("Date Sent")').closest('tr').show();
////////////////-----Code Ends here----/////////////
Anyone can help me out.
Many Thanks & Regards
Vinay

Answer 1

The issue is in this statement else
if($("select[Correspondence Type']").val() == 'OUT')
It should be 
else if($("select[title='Correspondence Type']").val() == 'OUT')
Nadeem Yousuf