From 7c47112ae652529933a5554913a90a8fad7fe0bb Mon Sep 17 00:00:00 2001
From: Santhosh Thottingal <santhosh.thottingal@gmail.com>
Date: Wed, 12 Jun 2013 10:55:32 +0530
Subject: [PATCH] Fix: IE 8 not displaying the section titles for language
 lists

Changed the way those elements were constructed using jQuery

Change-Id: Ib2b7f454dd0cc1ff38342cf7cc2c6c73a4796c6c
---
 src/jquery.uls.lcd.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/jquery.uls.lcd.js b/src/jquery.uls.lcd.js
index 9ed60b3..927f419 100644
--- a/src/jquery.uls.lcd.js
+++ b/src/jquery.uls.lcd.js
@@ -178,7 +178,8 @@
 			$.each( $.uls.data.regiongroups, function ( regionCode ) {
 				$section = $( '<div>' ).addClass( 'twelve columns uls-lcd-region-section' ).prop( 'id', regionCode );
 
-				$sectionTitle = $( '<h3 data-i18n="uls-region-' + regionCode + '">' )
+				$sectionTitle = $( '<h3>' )
+					.attr( 'data-i18n', 'uls-region-' + regionCode )
 					.addClass( 'eleven columns uls-lcd-region-section uls-lcd-region-title offset-by-one' )
 					.text( regions[regionCode] );
 
@@ -214,7 +215,8 @@
 			quickList.sort( $.uls.data.sortByAutonym );
 
 			$quickListSection = $( '<div>' ).addClass( 'twelve columns uls-lcd-region-section' ).prop( 'id', 'uls-lcd-quicklist' );
-			$quickListSectionTitle = $( '<h3 data-i18n="uls-common-languages">' )
+			$quickListSectionTitle = $( '<h3>' )
+				.attr( 'data-i18n', 'uls-common-languages' )
 				.addClass( 'eleven columns uls-lcd-region-section uls-lcd-region-title offset-by-one' )
 				.text( 'Common languages' ); // This is placeholder text if jquery.i18n not present
 			$quickListSection.append( $quickListSectionTitle );