How to add a css file like materialize in popup.js of chrome extension?

Actually i am making a chrome extension, I have added a materialize css for popup.html and works properly when added a button in popup.html but now i want to append a button which has a materialize css style from popup.js.

Basically i want to have a materialize style while appending anything from js file.
I have tried:

popup.html-

<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>

Code which i have tried is in(popup.js):

$('head').append('<link rel="stylesheet" href="css/materialize.min.css" type="text/css" />'); 
$("#demo").append("<a class="waves-effect waves-light btn">button</a>");