想请教一下 require.js 的问题

页面底部引入 require.js 和 main.js

<script src="require.js/2.3.2/require.min.js" defer="" async="true" data-main="js/main"></script>

main.js

require.config({

	baseUrl: 'libs',
	paths: {
		jquery: 'jquery/2.2.4/jquery.min',
		bootstrap: 'twitter-bootstrap/3.3.7/js/bootstrap.min',
		superplaceholder: 'superplaceholder/0.1.1/superplaceholder.min'
	},

	map: {
		'*': {
			'css': 'require-css/0.1.8/css.min'
		}
	},

	shim: {
		bootstrap: {
			deps: ['jquery']
		},
		superplaceholder: {
			deps: ['jquery']
		}
	}

});


// bootstrap
require(['bootstrap'], function (bootstrap) {

$('[rel=tooltip]').tooltip() // tooltip
$('[rel=popover]').popover({trigger:"hover"}) // popover

});

// superplaceholder
require(['superplaceholder'], function (superplaceholder) {

superplaceholder({
	el: keyword,
	sentences: [ '关键词 1', '关键词 2', '关键词 3', '关键词 4' ],
	options: {
		letterDelay: 80,
		loop: true,
		startOnFocus: false
	}
})

});

首页 HTML

<input class="form-control input-lg" type="search" id="keyword" name="keyword" placeholder="">

效果如： https://kushagragour.in/lab/superplaceholderjs/

以上，一切正常

次页&其它页

其它页面当然也同样引入了

<script src="require.js/2.3.2/require.min.js" defer="" async="true" data-main="js/main"></script>

但是报错， Uncaught ReferenceError: keyword is not defined

如图

因为只有首页才有 input 定义了 id keyword ，其它页没有 不太会用 requirejs ，求指教