<?xml version="1.0" encoding="us-ascii"?><InstanceReport xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><Version>2.4.0.8</Version><ReportLongName>027 - Disclosure - CHANGES IN ACCUMULATED OTHER COMPREHENSIVE INCOME (AOCI) BY COMPONENT (Tables)</ReportLongName><DisplayLabelColumn>true</DisplayLabelColumn><ShowElementNames>false</ShowElementNames><RoundingOption /><HasEmbeddedReports>false</HasEmbeddedReports><Columns><Column FlagID="0"><Id>1</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>Context_6ME__30-Jun-2013</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001484949</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2013-01-01T00:00:00</PeriodStartDate><PeriodEndDate>2013-06-30T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="6 Months Ended" /><Label Key="Calendar" Id="1" Label="Jun. 30, 2013" /></Labels></Column></Columns><Rows><Row FlagID="0"><Id>1</Id><IsAbstractGroupTitle>true</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>1</Level><ElementName>jxsb_ChangesInAccumulatedOtherComprehensiveIncomeAociByComponentAbstract</ElementName><ElementPrefix>jxsb_</ElementPrefix><IsBaseElement>false</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>xbrli:stringItemType</ElementDataType><SimpleDataType>string</SimpleDataType><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Changes In Accumulated Other Comprehensive Income (Aoci) By Component [Abstract]</Label></Row><Row FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>2</Level><ElementName>us-gaap_ReclassificationOutOfAccumulatedOtherComprehensiveIncomeTableTextBlock</ElementName><ElementPrefix>us-gaap_</ElementPrefix><IsBaseElement>true</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><PreferredLabelRole>verboseLabel</PreferredLabelRole><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="Context_6ME__30-Jun-2013" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;div align="left" style="font: 13px/normal 'times new roman', times, serif; color: #000000; text-transform: none; text-indent: 0pt; letter-spacing: normal; margin-right: 0pt; margin-left: 27pt; word-spacing: 0px; display: block; white-space: normal; -webkit-text-stroke-width: 0px;"&gt;&amp;#160;&lt;/div&gt;
&lt;div align="justify" style="font: 13px/normal 'times new roman', times, serif; color: #000000; text-transform: none; text-indent: 0pt; letter-spacing: normal; margin-right: 0pt; margin-left: 0pt; word-spacing: 0px; display: block; white-space: normal; -webkit-text-stroke-width: 0px;"&gt;
&lt;div align="left" style="margin-left: 27pt;"&gt;
&lt;table style="width: 95%; font-family: 'times new roman'; font-size: 10pt;" cellspacing="0" cellpadding="0"&gt;
&lt;tr&gt;
&lt;td align="left" valign="bottom" width="21%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="46%" colspan="14"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Amounts Reclassified&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="26%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="padding-bottom: 2px;" valign="bottom" width="21%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="46%" colspan="14"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;from AOCI&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 2px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="padding-bottom: 2px;" valign="bottom" width="26%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign="bottom" width="21%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="22%" colspan="6"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Three Months Ended&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="22%" colspan="6"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Six Months Ended&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="26%"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Affected Line Item in the&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="padding-bottom: 2px;" valign="bottom" width="21%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="10%" colspan="2"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;June 30, 2013&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="10%" colspan="2"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;June 30, 2012&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="10%" colspan="2"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;June 30, 2013&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="10%" colspan="2"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;June 30, 2012&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="26%"&gt;
&lt;div align="center" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Statements of Income&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left" valign="bottom" width="21%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Unrealized gains (losses) on&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="10%" colspan="2"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="10%" colspan="2"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="10%" colspan="2"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="10%" colspan="2"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" valign="bottom" width="26%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;Net realized gains on sales of&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left" valign="bottom" width="21%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&amp;#160;available-for-sale securities&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td align="left" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;104,668&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;301,580&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;688,899&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;526,908&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" valign="bottom" width="26%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&amp;#160;&amp;#160;available-for-sale securities&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="21%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Tax effect&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;(35,587&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 2px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;)&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;(102,537&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 2px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;)&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;(234,226&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 2px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;)&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;(179,149&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 2px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;)&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 2px;" valign="bottom" width="26%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Income taxes&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left" valign="bottom" width="21%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Total reclassification out&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td valign="bottom" width="26%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="21%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&amp;#160;of AOCI&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;69,081&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 4px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;199,043&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 4px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;454,673&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 4px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="1%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;$&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: right; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: double;" valign="bottom" width="9%"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;347,759&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td style="text-align: left; padding-bottom: 4px;" valign="bottom" width="1%" nowrap="nowrap"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
&lt;td align="left" style="padding-bottom: 4px;" valign="bottom" width="26%"&gt;
&lt;div align="left" style="text-indent: 0pt; margin-right: 0pt; margin-left: 0pt; display: block;"&gt;&lt;font style="font-family: 'times new roman'; font-size: 10pt; display: inline;"&gt;Net reclassified amount&lt;/font&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div align="justify" style="font: 13px/normal 'times new roman', times, serif; color: #000000; text-transform: none; text-indent: 0pt; letter-spacing: normal; margin-right: 0pt; margin-left: 0pt; word-spacing: 0px; display: block; white-space: normal; -webkit-text-stroke-width: 0px;"&gt;&amp;#160;&lt;/div&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>nonnum:textBlockItemType</ElementDataType><SimpleDataType>na</SimpleDataType><ElementDefenition>Tabular disclosure of information about items reclassified out of accumulated other comprehensive income (loss).</ElementDefenition><ElementReferences>No definition available.</ElementReferences><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Schedule of reclassified from AOCI and the affected line items in the statements of income</Label></Row></Rows><Footnotes /><IsEquityReport>false</IsEquityReport><ReportName>CHANGES IN ACCUMULATED OTHER COMPREHENSIVE INCOME (AOCI) BY COMPONENT (Tables)</ReportName><MonetaryRoundingLevel>UnKnown</MonetaryRoundingLevel><SharesRoundingLevel>UnKnown</SharesRoundingLevel><PerShareRoundingLevel>UnKnown</PerShareRoundingLevel><ExchangeRateRoundingLevel>UnKnown</ExchangeRateRoundingLevel><HasCustomUnits>true</HasCustomUnits><IsEmbedReport>false</IsEmbedReport><IsMultiCurrency>false</IsMultiCurrency><ReportType>Sheet</ReportType><RoleURI>http://www.jacksonvillesavings.com/role/CHANGESINACCUMULATEDOTHERCOMPREHENSIVEINCOMEAOCIBYCOMPONENTTables</RoleURI><NumberOfCols>1</NumberOfCols><NumberOfRows>2</NumberOfRows></InstanceReport>
