尝试将Jquery .load（）与多个Id选择器一起使用但没有成功

Question

In essence a user clicks on a movie title and both plot and cast is populated in my collapsible. It works well if I only use 1 selector for plot or cast, but not both. any ideas or examples? thanks

HTML...

<div data-role="main"  class="ui-content">
    <div data-role="collapsibleset">
        <div data-role="collapsible">
            <h1>Plot</h1>
            <p id="dvdinfo"></p>
        </div>

        <div data-role="collapsible">
            <h1>Cast</h1>
            <p id="dvdcast"></p>
         </div>
    </div>
</div>

Javascript...

function getmoviepic_mobile(movietitle) {
    var Movie = $(movietitle).text();

    $('#dvdinfo','#dvdcast').load('getuser2_mobile.php', {input:Movie}); 
}

PHP...

<?php

include("includes/connection.php");

$q1 = trim($_POST['input']);
$result = mysql_query("
    SELECT 
         id, title, actors, plot, catagory, release_date, rated
    FROM ".TBL_DATA." 
    WHERE title = '".$q1."'");

while($row = mysql_fetch_array($result)) {
    echo $row['plot'];
    echo $row['actors'];
}

Answer 1

PHP:

while($row = mysql_fetch_array($result)) {
    $x=[
        'plot'=>$row['plot'],
        'actors'=>$row['actors']
    ];
}
echo json_encode($x);

JS:

function getmoviepic_mobile(movietitle) {
    var Movie = $(movietitle).text();
    $.getJSON('getuser2_mobile.php', {input: Movie}, function(json, textStatus) {
        $('#dvdinfo').html(json.plot);
        $('#dvdcast').html(json.actors);
    });
}